前端vue.js道

8 vue2.0组件变化

2016-12-01  本文已影响34人  0efb885b580c

组件

主要加了

 // 2.0推出一个组件,简洁定义方式:
    var Home={
        template:''     ->   Vue.extend()
    };
//例如
  var Home={  //这是2.0组件
        template:'#aaa'
  };  //Vue.extend()
  Vue.component('my-aaa',Home);
或者
var Home={  //这是2.0组件   //常用   
    template:'#aaa'
};  //Vue.extend()

然后改变了

1.在每个组件模版,不在支持片段代码    和react一样了
     之前:
    <template>
        <h3>我是组件</h3><strong>我是加粗标签      </strong>
    </template>
      现在:  必须有根元素,包裹住所有的代码
    <template id="aaa">
        <div>
             <h3>我是组件</h3>
             <strong>我是加粗标签</strong>
        </div>
    </template>
2.关于组件定义
    Vue.extend  这种方式,在2.0里面有,但是有一些改动,这种写法,即使能用,一般也不用相当于废弃
      Vue.component(组件名称,{  在2.0继续能用
      data(){}
      methods:{}
      template:
  });
上一篇 下一篇

猜你喜欢

热点阅读