vue实例的几个概念

1.构造器

vue应用都是通过vue构造函数创建实例来启动的,在创建vue实例时需要传入一个options对象,该对象可以包含数据、模板、挂在元素、方法、生命周期钩子等选项;

 var vm = new Vue({
      // options对象属性
 });

2.属性和方法

每个vue实例都会代理其data对象的所有属性,且只有这些被代理的属性是响应的;在vue实例创建之后添加的新属性都不会触发试图更新;

每个vue实例除了data对象的属性外,还有一些特殊的实例属性和方法,这些属性和方法都带有前缀$;

!!!不要在实例属性或者回调函数中使用箭头函数,因为箭头函数已经绑定了this的上下文环境,在这些情况下会出错;

 var data = {a:1};

 var vm = new Vue({
     el: '#app',
     data: data
 });

 vm.$data === data;// true
 vm.$el === document.getElementById('app');// true

3.生命周期

vue实例的几个概念

上一篇:ural 1071. Nikifor 2


下一篇:HDU 5647 DZY Loves Connecting 树形dp