Vue常見的BUG

 

1.頁面閃屏問題。當網速比較慢的時候，如果使用的{{}}插入的內容時，會在卡頓的頁面出現{{}}及其源碼。

解決方法：

• 可以使用v-text 指令插入內容但是這樣會覆蓋原有標簽的內容；

• 也可以在固定標簽上添加自定子樣式 v-cloak，這樣可以解決閃屏問題也可以在標簽內插入自己需要的內容不會被覆蓋例：

   [v-cloak] {
              display: none;
          }

  <p v-cloak>{{ mes }}+++++</p>

   

2.如果在組件上定義的事件綁定不上可以使用.native解決

3.watch在深度監聽時卡頓，需要將復雜數據類型轉化為簡單類型，進行淺監聽。

4.如果出現數組變了，頁面沒有重新渲染的問題，可以采用以下方法解決：

//1.this.goods.splice("下標",1,“新值”)
this.goods.splice(index,1,obj)
​
//2.vm.$set(數組，下標，新值)
this.$set(this.goods,index,obj)
​
//3. Vue.set(數組，下標，新值)
Vue.set(this.goods,index,obj)

 

如果時json發生了變化，頁面不渲染

//vm.$set(obj,key,value)
this.$set(this.json,"y",30) 
Vue.set(this.json,"y",40)