使用Vue一开始,都需要利用Vue方法来创建一个Vue的实例,通常通过new Vue 语句来创建实例,比如:
HTML:
<div id = 'app'>
<button v-on:click = 'handleClick'> 点我 </button>
{{massage}}
</div>
JavaScript:
var app = new Vue {
el:'#app'
data:{
message = 'Hello,Vue';
}
}
此时就创建了一个Vue的实例,除此之外,Vue中的所有组件也可以说是Vue的实例:
Vue.componenet(item,{
template:'<li>hello item</li>'
})
以上方式创建的组件(也是Vue的实例)称为全局组件,也就是说可以被全局的代码使用,这里的使用有点类似于Xml里的自定义标签,(当然也可以定义局部组件如 var a={ } ,以上就定义了一个组件,但是在使用过程中,需要在new Vue实例中注册该组件才能使用,语句为:components:{a:a}),使用方法如下:
<item></item>
Vue最大的优点就是可以尽量减少对DOM标签的操作,而采用响应式的操作,使视图发生改变,从而可以减少30%到70%的代码量,提高代码性能。