美文网首页前端vue.js道
8 vue2.0组件变化

8 vue2.0组件变化

作者: 0efb885b580c | 来源:发表于2016-12-01 20:17 被阅读34次

    组件

    主要加了

     // 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:
      });
    

    相关文章

      网友评论

      本文标题:8 vue2.0组件变化

      本文链接:https://www.haomeiwen.com/subject/uktfmttx.html