-
沒有明白
查看全部 -
贊查看全部 -
學(xué)習(xí)時間計劃
vue2.x框架 20%
常用知識點
模塊語法，v-bind屬性綁定，時間綁定
條件渲染，列表渲染，class 與style綁定
vue核心技術(shù) 30%
認(rèn)識vue-cli工具，vue代碼規(guī)范
vue組件的調(diào)試方法。
vue-router,vuex[狀態(tài)管理]
基成vue,在項目中使用 30%
介紹workflow工作流
單頁面demo（動態(tài)表單，列表動態(tài)展示）
使用Cli工具，開發(fā)常見的應(yīng)用組件
查看全部 -
知識點——導(dǎo)圖：
查看全部 -
知識點——導(dǎo)圖：
查看全部 -
git 使用
查看全部 -
Watch監(jiān)聽器，compute計算屬性，數(shù)據(jù)聯(lián)動
查看全部 -
加載cdn網(wǎng)站bootcdn,切換node用nvm
查看全部 -
查詢node版本：node -v
查詢npm版本：npm -v
全局安裝vue-cli工具：npm install -g @vue/cli
查詢vue-cli版本：vue --version
創(chuàng)建vue工程一：
進(jìn)入創(chuàng)建工程的目錄下面
vue create hello-world
敲空格選擇：Router，Vuex，CSS Pre-processors
history：yes
CSS Pre-processors：Sass/SCSS
Airbnb config
保存時對代碼做檢查
默認(rèn)配置
以后的項目按照以上步驟創(chuàng)建--NO
創(chuàng)建vue工程二：
vue ui
查看全部 -
computed和watch的不同點。
查看全部 -
computed只能監(jiān)聽本實例的數(shù)據(jù)。
查看全部 -
computed只能監(jiān)聽本實例的數(shù)據(jù)。
對外部的數(shù)據(jù)變化，不監(jiān)聽。
查看全部 -
computed的使用
msg1：funciton（）｛
????return 'computed:'+this.msg
????｝
只要有數(shù)據(jù)發(fā)生變化，就會觸發(fā)執(zhí)行。
查看全部 -
調(diào)試vue
給vue對象一個變量
var?app?=?new?Vue( ????{ ????????el:'', ????????data:{}, ????????method:{}, ????????computed:{}, ????????watch:{} ????} )
再瀏覽器的調(diào)試窗口，輸入app.msg
查看全部 -
計算屬性與偵聽器
計算屬性：computed
偵聽器：watch
比如監(jiān)聽msg值的變化
watch:{ msg:function(newval,oldval){ ????console.log('newval?is:'+newval) ????cosole.log('oldval?is:'+oldval) ????} }
查看全部
舉報