-
雙花括號是渲染方式查看全部
-
Vue需了解知識
查看全部 -
vue-validator：表單驗證的組件；
vue-devtools：chroma的開發者工具；
vue-router：路由；
vue-cli：腳手架；
vue-touch：移動端開發工具；
axios是一個基于Promise的HTTP請求客戶端，用來發送請求，也是vue2.0官方推薦的，同時不再對vue-resource進行更新和維護；
vuex：vue的模塊管理工具；
查看全部 -
劃分組件！查看全部 -
v-text = {{}}+js數據
v-html在v-text基礎上會自動解析標記語言
查看全部 -
vue的重要選項和指令
查看全部 -
創建元素的時候，vue會將駝峰形式的標簽轉化成小寫的-橫杠鏈接的形式。。。
comopents:{ ComponentA}
<component-a></component-a>查看全部 -
isFinished狀態切換（樣式切換等）
查看全部 -
isFinished的使用
查看全部 -
cnpm代替默認的npm（因為npm在國內網絡下很慢）
輸入命令：npm install -g cnpm --registry=https://registry.npm.taobao.org
查看全部 -
store,js
const STORAGE_KEY = ‘todos-vuejs’
export defaule{ ? ?fetch:function(){ ? returnJSON.parse(window.localStorange.getItem(STORAGE_KEY) || '[]')
?},
save:function(items){? ? ????????????????window.localStorage.setItem(STORAGE_KEY,JSON.stringify(items))
? ? ? ? }
}查看全部 -
1.5vuejs基礎框架代碼
根目錄下的index.html：項目入口，里面的標簽<app></app>在vue中即表示載入組件app,入口文件默認調在src里的main.js，main.js里注冊組件app這樣才能使用，main.js中會寫明組件來自于App.vue,
即import App from './App',import是es6的語法含義類似
var App=require('./App')
在App.vue中通過<template>,<script>,<style>共同具體實現app組件
export是es6語法，與import類似
data(){
????return {};
}是es6中的語法相當于
function data(){
????return {};
}
查看全部 -
?
1.4vuejs組件的重要選項
new Vue({
data:{
????a:1,
????b:[]
},
methords:{
????doSomething:function(){
????????this.a++
????}
},
watch:{
????'a':function(val,oldVal){
????????console.log(val,oldVal)
????}
}
})
模版指令是html和vue對象的粘合劑，其寫在html中，常用的數據渲染模版指令有
v-text:處理了html格式
v-html:保存了html結構,{{}}
v-if:控制是否渲染相當于jquery中的remove,
v-show:控制顯示隱藏display:none
渲染循環列表v-for
事件綁定v-on有兩種書寫方式,綁定的是methods中的方法
<button v-on:click="doThis"></button>
<button @click="doThis"></button>
屬性綁定v-bind
<img v-bind:src="imageSrc">
<div :class="{red:isRed}"></div>
查看全部 -
1.3*.vue到頁面
通過webpack這類打包工具將*.vue文件解析為*.html,*.js,*.css
其中js就是個view對象，vue對象就是數據層model,展示層就是html。
查看全部 -
?1.2vuejs開發環境搭建
npm 是 JavaScript 世界的包管理工具,并且是 Node.js 平臺的默認包管理工具。
nodejs官網https://nodejs.org/zh-cn/下載nodejs安裝選擇add tp path
https://git-scm.com/downloads下載安裝git
若改變默認路徑將其安裝到d:\nodejs才有以下操作，
可安裝后運行cmd輸入命令
npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"
將node_global,node_cache都移到D:\nodejs目錄下 ，并將我的電腦》屬性》高級系統設置》環境變量》系統變量
添加變量名Node_Path值為D:\nodejs\node_global\node_modules即將默認模塊路徑D:\nodejs\node_modules改為上面路徑
輸入命令
#全局安裝vue-cli
cnpm install -g vue-cli
#創建一個基于webpack模版的新項目（創建的位置就在cmd當前目錄下）
vue init webpack my-vue001
#進入項目目錄安裝依賴并運行
cd my-vue001
npm install
npm run dev
查看全部
舉報