8 vue2.0组件变化

组件

主要加了

 // 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:
  });
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容