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

鍍金池/ 問(wèn)答/HTML/ vue.js如何合并多個(gè)配置?

vue.js如何合并多個(gè)配置?

問(wèn)題描述

我在index.html是這樣寫的:

<html>
<body>
  <div id="app">
    <sidenav>...</sidenav>
    <navbar>...</navbar>
  </div>
<script src="main.js"/>
</body>
</html>

main.js:

const app = new Vue({
  el: "#app",
  data: {...},
  method: {...}
});

在main.js中的vue app里面定義了navbar和sidenav的一些data和method，我想在其他頁(yè)面都能使用這個(gè)配置。
比如在profile.html中:

<html>
<body>
  <div id="app">
    <sidenav>...</sidenav>
    <navbar>...</navbar>
    
    {{ content... }}
  </div>
<script src="profile.js"/>
</body>
</html>

我希望在profile中能使用main.js中的app，但同時(shí)在profile又會(huì)有自己的vue配置，比如:
profile.js:

const profile = new Vue({
   el: "#app",
   data: {...},
   method: {...}
});

有什么辦法可以將兩個(gè)配置合并呢

自己嘗試過(guò)的方法

我剛開(kāi)始將navbar和sidenav寫成了單文件組件，但這樣在其他頁(yè)面中就不能使用其中的data和methods了

回答
編輯回答
厭惡我

將 navbar 和 sidenav 的數(shù)據(jù)保存到 vuex 上去操作。

2017年3月15日 11:12