首頁猿問 vue的簡(jiǎn)單問題，一個(gè)項(xiàng)目里是不是...

vue的簡(jiǎn)單問題，一個(gè)項(xiàng)目里是不是只能一個(gè)new Vue?

JavaScript Vue.js

undertale 2017-04-21 17:09:18

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

查看完整描述

1 回答

橋本奈奈未

TA貢獻(xiàn)436條經(jīng)驗(yàn) 獲得超108個(gè)贊

template顧名思義就是模版，也就是你自定義的組件比如<App></App>標(biāo)簽所要渲染成的html模版，compnent就是組件的意思，官網(wǎng)的例子是全局注冊(cè)組件，你的代碼里是放到vue的實(shí)例里，想在實(shí)例的vue里使用組件結(jié)構(gòu)是這樣的

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

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

反對(duì) 回復(fù) 2017-04-23

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

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

回復(fù) 2019-09-07