-
認識vue-cli工具，vue代碼規(guī)范
查看全部 -
框架常用知識點?
認識vue 應用fff
模塊語法 v-bind 屬性綁定 事件綁定
查看全部 -
易用? 靈活 高效
查看全部 -
git使用全過程
查看全部 -
Chrome調試查看DOM結構
Header,Body里面查看js/css引用，搜索相應的js庫
查看sources,network中的js,使用反編與斷點進行調試
查看全部 -
第一種：vue的chrome擴展插件；
第二種 ：在methods中用console.log，alert()，debugger；
第三種：在mounted中綁定window.vue=this;
第四種：在cdn方式引入vue時，將vue實例化，即vm實例:var app=new Vue();
查看全部 -
1、安裝vuex
2、使用vuex
3、定義state(狀態(tài))、mutations(方法)
4、組件中引用store文件
5、default使用store
6、store.commit
查看全部 -
vue代碼規(guī)范
1、好習慣，少走坑
2、寫出自己看得懂的代碼
3、寫出別人看得懂的代碼
查看全部 -
組件化問題：
1、組件狀態(tài)管理（vuex）
2、多組件的混合使用、多頁面復雜業(yè)務（vue-router）
3、組件之間的傳參、消息、事件管理（props,emit/on,bus）
查看全部 -
框架總匯圖
查看全部 -
git 回退上一版本
查看全部 -
google瀏覽器下載vue調試工具的網址
https://chrome-extension-downloader.com
extension ID:
nhdogjmejiglipccpnnnanhbledajbpd
查看全部 -
1、條件渲染
v-if v-else v-else-if
<div?v-for='item?in?list'> ????<div?v-show="item.age?>?29"?v-bind:style='style'> ????????{{item.name}} ????</div> </div> <script> ????new?Vue({ ????el:'#app', ????data:{ ????msg:'Hello?Vue', ????styleMsg:{ ????????color:'red', ????????text-shadow:'radius' ????????}}, ????????list:[{ ????????????name:'liwei', ????????????age:29 ????????},{ ????????????name:'小張'， ????????????age:30 ????????}] ????}) </script>查看全部 -
vuex 是不同組建直接建立關系 鏈接查看全部
-
1、計算屬性：computed
2、偵聽器：watch
3、使用場景介紹，watch(異步場景)，computed(數(shù)據(jù)聯(lián)動)
查看全部
舉報