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