Vue入门笔记1——Vue实例篇

阿里开始抛弃react框架了,搞的我们都心慌慌,趁着有时间,赶快了解下Vue

数据与方法

  • Vue通过new Vue来创建根Vue实例。所有的Vue组件都是Vue实例。

  • Vue实例包含两个基本属性:eldata,形式为:

    var vm = new Vue({
      el: "#example",
      data: {
        a:1,
        b:2
      }
    })
  • 响应式只针对Vue实例被创建时,data中已经存在的属性是响应式的。如果你在实例创建之后才新添加一个属性c,那么对于新的属性的值的改变是不会触发任何视图的更新的。因此,如果一开始需要某个属性,即使起先它的值为空,也要先写进 data 中。

实例生命周期

Vue入门笔记1——Vue实例篇_第1张图片

你可能感兴趣的:(Vue入门笔记1——Vue实例篇)