* 若是創建新路由頁面,需在pages.json的pages中注冊 ~~~ "pages": [ { "path": "pages/index/index", }, ], ~~~ * 父級路由加載子級路由方式 > 父級引入子級路由地址,若是組件則使用'@/components/'開頭 ~~~ import [自定義組件名] from '@/components/[組件路徑].vue'; ~~~ > 父級聲明組件 ~~~ components: { [自定義組件名], } ~~~ > 父級在template中調用組件 ~~~ <[自定義組件名]></[自定義組件名]> <[自定義組件名] :fun_函數="fun_函數" :變量="變量"></[自定義組件名]> ~~~ > 父級調用子級函數 ~~~ <List_Index ref="[子級定義描點]"></List_Index> this.$refs.子級定義描點.函數名(); ~~~ * 子級路由設置方式 > 接收父級傳入參數 ~~~ props: { fun_函數: { type: Function, default: null }, 變量: { type: String, required: true }, 對象: { type: Object, required: true }, 數組: { type: Array, required: true }, } ~~~ > 將傳入參數節點化 ~~~ data() { let arr = {}; arr.node_變量 = this.變量; arr.node_對象 = this.對象; arr.node_數組 = this.數組; return arr; } ~~~