温馨提示：本文共675个字，读完预计2分钟。

vue实例和组件实例有什么区别？感觉他们看起来很相似。

答：vue组件本质就是vue实例。

不过它们一点点区别就是：

组件的data必须是一个function，非组件data可以是一个对象。另外，组件没有el挂载点这个选项。

那为什么会有这两点区别呢？

因为，组件是可复用的 Vue 实例，注意“可复用”。如果data是一个对象或者有el挂载点，那就不是可复用的了。

根实例是什么？

在vue项目中，一般只有一个VUE实例在main.js中定义，叫做根组件，其他都是vue组件。其实都是vue实例，但为了方便区分。根组件之外，components中还有很多小组件。

 

附录：

el: 实例接管页面某一部分dom的渲染

data: 存放数据

实例结果的DOM中有插值表达，会去data中找数据

v-on:click/@click 来绑定事件

Vue实例除了根实例外，每个组件也是一个实例

通过$调用出vm实例的属性

$后跟的都是Vue的实例属性/方法

创建vue实例
var vm = new Vue（{
el:'#root', //定义这个vue实例接管的dom的最外层标签
data:{
msg:'hello', //data存放数据
}，
methods:{
handleClick:function(){}, // 事件方法
}
}
v-on:事件绑定，简写@，@click='handleClick'
vue中的每个组件也是一个vue实例
定义组件
Vue.compontent('组件名',{
template:'<div>*</div>'
})