已解決430363個問題，去搜搜看，總會有你想問的

vue的簡單問題，一個項目里是不是只能一個new Vue?

首頁猿問 vue的簡單問題，一個項目里是不是...

vue的簡單問題，一個項目里是不是只能一個new Vue?

JavaScript Vue.js

undertale 2017-04-21 17:09:18

看到vue官網的例子就想自己試一下但是不知道怎么改，例子如下我把id app 改成了id app-7，但是main.js里那個template和components是什么意思，也要改成app-7嗎？又或者我不把id app改了，直接在這個div里新建一個id app-7的div。然后復制例子上的var app7 = new Vue({el: '#app-7',data: {groceryList: [{ text: '蔬菜' },{ text: '奶酪' },{ text: '隨便其他什么人吃的東西' }]}}) 保留原來生成項目就帶的new Vue ({el:app{)。所以說一個項目里可以new 兩個Vue 嗎？我改的對不對，到底該怎么改，才能演示官網上的例子呢？有圖最好謝謝。

查看完整描述

1 回答

橋本奈奈未

TA貢獻436條經驗獲得超108個贊

template顧名思義就是模版，也就是你自定義的組件比如<App></App>標簽所要渲染成的html模版，compnent就是組件的意思，官網的例子是全局注冊組件，你的代碼里是放到vue的實例里，想在實例的vue里使用組件結構是這樣的

new?Vue({
????el:?'',
????data:?{},
????compnents:?{
????????'App':?{
????????????template:?'<div>this?is?compnent</div>',//html字符串模版
????????????props:?[],//父子組件通過props進行數據綁定
????????????data:?function?(){??//組件的data屬性必須是函數，詳解見官網
????????????????return?{
????????????????
????????????????}
????????????}
????????}
????}
})

全局注冊就是官網所給出的例子Vue.compnent()這里就不贅述了

反對回復 2017-04-23

慕后端6169984
請問大神我現在想先聲明一個mine變量作為一個根元素，然后用mine.component()時，就會報錯。不知道是不是就是和你這里提到的問題一樣，如果想要在mine里面用組件，必須把template放在new Vue中，也就是，沒有辦法同時定義多個Vue實例。 ``` var mine=new Vue({ el:"#app" }); mine.component("mycomponent",{ template: `` }); ```

回復 2019-09-06
橋本奈奈未
vue的實例沒有component方法。組件的注冊只有兩種，一種是全局注冊，Vue.component, 一種是局部注冊，需要在組件內部傳入component對象，具體使用方法可查看官方文檔。new出來的實例沒有component方法，組件注冊一定是在實例化之前就要準備好的

回復 2019-09-07

1 回答
0 關注
15671 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

vue的簡單問題，一個項目里是不是只能一個new Vue?

vue的簡單問題，一個項目里是不是只能一個new Vue?

1 回答

添加回答

vue的簡單問題，一個項目里是不是只能一個new Vue?

vue的簡單問題，一個項目里是不是只能一個new Vue?