動態元件使用

動態元件官網解釋

var vm = new vue(,

components: ,
posts: ,
archive: 
}})

var home = 

var vm = new vue(
})

實際專案開發中

import submitmodal from '../components/submitmodal';

動態元件 :is 繫結

submitmodal: 

},currentview: ''

let self = this;

self.submitmodal.show = true;
self.submitmodal.title = '審批拒絕';
self.submitmodal.type = 'delete';
self.submitmodal.hasinput = true;
self.submitmodal.text = '請填寫拒絕的原因';
self.submitmodal.onok = makefail;
self.currentview = '';
settimeout(() => , 1);

on-ok

self.submitmodal.show = false;

item.hideorder = true;
settimeout(function() , 200);
settimeout(function() , 400);

on-close

closesubmitmodal: function()

vue 元件及動態元件使用

在註冊乙個元件的時候，我們始終需要給它乙個名字，該元件名就是vue.component的第乙個引數。元件命規則 1 使用 kebab case vue.component my component name 當使用 kebab case 短橫線分隔命名 定義乙個元件時，你也必須在引用這個自定義元素時...

動態元件使用詳解

何為動態元件，如上 所示，即利用 is 特性，來切換不同的元件，即為動態元件。動態元件保持狀態 有時候，我們希望能保持被動態載入元件的狀態，已避免反覆重複渲染導致的效能問題。為了能實現保持元件狀態的功能，我們可以用乙個 的元素將其動態元件包裹起來。雖然用keep alive會快取元件，但是也同樣帶來...

非同步元件，動態元件

vue cli生成的專案，使用webpack打包，會打包成乙個html頁面和乙個js檔案，導致頁面首次載入非常的慢，為了解決這個問題，使用非同步元件，將他打包成多個js檔案，優化首次載入頁面速度，採用了非同步載入，什麼時候需要什麼時候載入。使用 router.js before 不優化 import...