vue.js中的各類問題記錄（包括環境問題和學習筆記）

一.this relative module was not found:

問題的意思是這個模塊找不到了

解決方法：

1）查看你入口文件的路徑是否寫錯；

2）查看360殺毒是否攔截了你的文件。

 

 二.vue中v-if與v-show區別

這兩句咋一看用法極其類似，但仍是存在着較大的差別。

共同點：都是動態地顯示DOM元素

區別：

1）手段：v-if是動態的向DOM樹內添加或者刪除DOM元素；v-show是經過設置DOM元素的display樣式屬性控制顯隱；

2）編譯過程：v-if切換有一個局部編譯/卸載的過程，切換過程當中合適地銷燬和重建內部的事件監聽和子組件；v-show只是簡單的基於css切換；

3）編譯條件：v-if是惰性的，若是初始條件爲假，則什麼也不作；只有在條件第一次變爲真時纔開始局部編譯（編譯被緩存後，而後再切換的時候進行局部卸載); v-show是在任何條件下（首次條件是否爲真）都被編譯，而後被緩存，並且DOM元素保留；

 4）性能消耗：v-if有更高的切換消耗；v-show有更高的初始渲染消耗；

5）使用場景：v-if適合運營條件不大可能改變；v-show適合頻繁切換。

 

Tips：（1）若是v-show做用的元素，css文件中display:none，經過v-show進行設置不能顯示該元素；

緣由：v-show控制顯隱，是經過js代碼去修改元素的element style，若是value爲false，設置display: none;若是value爲true，設置display: ''；因而value爲true時，只能將element style中的display效果清除，並不能覆蓋css中的display效果；

以下圖所示，value=true時，v-show改變的是element.style，因爲無效，顯示效果由css文件中的display決定。

 

解決辦法：使用v-show的話，在vue解析以前隱藏DOM的話，儘可能在style屬性裏面設置display的值，不要在css文件中。<ul v-touch:tap="message=2" style="display: none" v-show="show">

原文：http://www.cnblogs.com/wmhuang/p/5420344.html

三.method和computed區別
咱們可使用 methods 來替代 computed，效果上兩個都是同樣的，可是 computed 是基於它的依賴緩存，只有相關依賴發生改變時纔會從新取值。而使用 methods ，在從新渲染的時候，函數總會從新調用執行。

 

歡迎各位來補充