vue学习6：vue实例

<div id="app">
        <div @click="handleClick">{{message}}</div>
        <item></item>
    </div>
    <script>
        Vue.component('item',{
            template: `<div>hello item</div>`
        })
        var vm = new Vue({
            el: '#app',
            data: {
                message: 'Hello World'
            },
            methods: {
                handleClick () {
                    alert('hello')
                }
            }
        })
    </script>

上述代码中，创建了一个vm的根实例。vm实例中有很多的属性和方法，而实际上，在vue中，每一个组件也是一个实例。我们可以理解为，vue的项目是由非常多的组件组成的。

比如：

vm下面的data属性。

vm.$el属性

vm.$destory