1. 程式人生 > >vue知識點記錄疑難雜症等

vue知識點記錄疑難雜症等

1.VueDevtools無法使用的原因 開啟 Vue.config.devtools

←就是它,VueDevtools如果不能用,就考慮是不是config中這一項被關閉。

開啟方法:在main.js中增加/修改 Vue.config.devtools = true,重新整理,重新開啟除錯介面(option+command+i / F12)一般來說就可以在工具欄最後一項看到有“Vue”出現了,如果還沒出現就重新npm run dev2.Vue.config.productionTip的意思生產模式需要在main.js中關閉 :Vue.config.productionTip = false ,作用是阻止 vue 在啟動時生成生產提示。
即,不設false會在生產環境依舊提示:

You are running Vue in development mode.

Make sure to turn on production mode when deploying for production.

3.vue父子模組雙向傳遞資訊的方法

父→子:父級components模組屬性傳值 + 子級props元素接受初始值 + 子級watch props元素變化值

子→父:子級$emit('value-change',value) + 父級components模組新增指令@value-change="changeMethod" + 父級methods中寫針對傳值的處理函式changeMethod(value)

4. beforeMount在vue + ele裡實現特殊情況時改變data預設值

因為有時候開啟頁面要直接看到指定某頁的資訊,所以就無法繼續使用data中預設的第一頁的值1 嘗試監聽頁碼更改時判斷賦值和在mounted中判斷賦值都不生效,於是看了文件發現在beforeMount中可以做這個處理,嘗試後生效:
beforeMount(){
    if(this.$route.params.history){
        this.pageInfo.page = Number(this.$route.params.history)
    }

}