vue的简单问题，一个项目里是不是只能一个new Vue?

Question

看到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 吗？

我改的对不对，到底该怎么改，才能演示官网上的例子呢？有图最好谢谢。

Answer 1

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()这里就不赘述了