點選按鈕時，自動切換兩個元件
，當點選按鈕之後，會自動清除原來的元件，顯示新的元件。
每一次切換，都需要銷毀+建立
但是這樣消耗有點大，所以我們在子元件中引用了v-once指令，這樣可以將顯示在頁面中的元件存到記憶體中，不會完全銷毀。
動態元件和v-once指令
程式設計客棧
執行結果：
感興趣的朋友可以使用**html/css程式設計客棧/j**ascript**執行工具：測試上述**執行效果。
本文標題: vue學習筆記之動態元件和v-once指令簡單示例
本文位址:
Vue學習筆記之元件模板
在html5標準中標籤裡只能寫,但又希望row元件的內容顯示在中，可以使用is屬性 在根元件裡，定義data可以直接通過物件定義，但在非根元件裡定義data，data必須是乙個函式，而且要返回乙個包含資料的物件，這是因為乙個子元件不像根元件只會被呼叫一次，子元件在很多地方都會被呼叫，每乙個子元件都應...
Vue官方文件學習 動態元件和非同步元件
當在多個元件之間進行切換 如選項卡 的時候，為了避免重複渲染導致的效能問題，可能會想對元件進行快取。比如在某個選項卡中選擇了某個選單閱讀某篇長文章，切換選項卡再切換回來，如果沒有保持元件狀態，選單將回到初始選中狀態。v bind is currenttabcomponent component 在切...
vue學習筆記 vue元件
元件 是頁面的一部分，將介面切分成部分，每部分稱為 元件 定義乙個全域性的元件，元件支援 駝峰命名 規則 vue.component todoitem 迴圈遍歷 list 每一次遍歷都把值給 item item 再通過 v bind 把值傳遞給 content compoent 通過 props 獲...