在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue 2.0 mounted 會執(zhí)行兩次問題原因(有個人解釋)

vue 2.0 mounted 會執(zhí)行兩次問題原因(有個人解釋)

20180828內容補充:
我的代碼目錄結構是這樣的

-src
--conponents_mobile
---bb.vue
--conponents_pc
---bb.vue

然后通過路由判斷是移動還是pc進入,使用的不同文件夾里的組件,是否有可能兩個組件文件夾中有兩個同名的文件才會看上去加載兩次?

<template>
    <div class="a">
        <bb v-show='registerComponentShow'></bb>
        <cc v-show='projectComponentShow'></cc>
    </div>
</template>

如上面結構,我的一個組件 bb 里面的 mounted 生命周期被調用了兩次,我就想是否是因為這個組件渲染了兩次?
然后我改成了如下

<template>
    <div class="a">
        <bb v-if='registerComponentShow'></bb>
        <cc v-if='projectComponentShow'></cc>
    </div>
</template>

這樣 bb 里面的 mounted 就不會調用兩次了。

我的問題是,對于一個組件,假如給它加上了 v-show 是否就是在頁面渲染的時候,第一次渲染 <bb></bb> 然后再判斷 v-show 是否是 true,是真的就再次渲染,所以看上去 mounted 就執(zhí)行了兩次了。

望不吝指教,謝謝。

回答
編輯回答
夢若殤

哥們,mounted在生命周期中只會執(zhí)行一次。你的問題也沒明白。簡單來說v-if==false,代碼不會執(zhí)行。v-show會執(zhí)行,這里說的是包在判斷條件中的代碼。其次你可以檢測下代碼是否有其他原因引起的。

2017年1月20日 13:53
編輯回答
陪我終

源碼地址: https://github.com/vuejs/vue/blob/dev/dist/vue.js
可以搜v-show v-if 去看看。

2018年9月4日 13:39
編輯回答
夏木

確定 組件使用了一次,然后mounted聲明周期執(zhí)行兩次嗎?
這個很沒有道理,估計還是代碼書寫問題,望貼出完整代碼

2018年5月29日 10:06