Vue实例

使用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%的代码量，提高代码性能。