1.淺拷貝：this.showArr=this.arr.slice(0)
2.數(shù)據(jù)多用對象{}
3.數(shù)據(jù)存儲sessionStorage.get() ,可以用watch，監(jiān)聽到數(shù)據(jù)變化就存數(shù)據(jù)
4.下載項目之后，記得看路徑是否正確再npm install //換路徑 cd
5.通過vuex做監(jiān)聽，可以在add的時候直接sessionStorage.setItem() 在store.js文件中賦值，就不用取到home里面mounted（）觸發(fā)函數(shù)add
6.注意拿到數(shù)據(jù)之后賦值的時候，this指向
7.reactive定義響應(yīng)式數(shù)據(jù)const hamo=reactive({name:‘hamo’})之后，再通過…結(jié)構(gòu)，就不具備響應(yīng)性，可以用torefs( hamo)就具備響應(yīng)性直接name就可以訪問
8.多個判斷的時候，可以設(shè)置變量 flag=…&&… 然后if（flag)
9.彈窗提示信息可以用vant 的toast
10…tag+.tag{margin-left:8px;}這樣可以給除了第一個tag后面的tag加margin;
11.line-height:16px; 設(shè)置行高，與上一行元素的距離；
12.格式化日期格式dayjs dayjs(new Date()).format(‘YYYY-MM-DD’) 獲取時間戳：newDate().getTime()
13. @click.stop(）防止事件傳播
14. 最后一個大部分沒有border: &:nth-last-child(1){ border-bottom:1px solid transparnt;}

總結(jié)

以上是生活随笔為你收集整理的vue实践总结的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。