Vue实例

Vue实例
  • 每一个组件都是一个Vue的实例,Vue的实例上有很多属性和方法。

控制台输入:
vm
vm.$data  
vm.$el
vm.$destroy()  销毁vue实例

<body>
  <div id="root">
    <div @click="handleClick">
      {{message}}
    </div>
    <item></item>
  </div>

  <script>
    Vue.component('item',{
      template: '<div>hello item</div>'
    })

    var vm = new Vue({
      el: '#root',
      data: {
        message: 'hello world'
      },
      methods: {
        handleClick: function() {
          alert("hello")
        }
      }
    })
  </script>
<body>