码迷,mamicode.com
首页 > 其他好文 > 详细

Vue学习笔记

时间:2017-03-02 12:56:36      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:key   pre   template   nbsp   strong   vue   其他   标签   组件   

1、父子组建::子组件只能在父组件的template中使用。

2、组件的el和data选项

传入Vue构造器的多数选项也可以用在 Vue.extend() 或Vue.component()中,不过有两个特例: datael
Vue.js规定:在定义组件的选项时,data和el选项必须使用函数。

下面的代码在执行时,浏览器会提出一个错误

Vue.component(‘my-component‘, {
    data: {
        a: 1
    }
})

另外,如果data选项指向某个对象,这意味着所有的组件实例共用一个data。
我们应当使用一个函数作为 data 选项,让这个函数返回一个新对象:

Vue.component(‘my-component‘, {
    data: function(){
        return {a : 1}
    }
})

3、组建内部要调用其他组件,就必须要在components里面定义一边,即使在同一个“#app"标签下也不行,不声明就别想直接调用,注:但是,有一种意外,就是全局定义的组建,可以直接不用component声明直接调用

Vue学习笔记

标签:key   pre   template   nbsp   strong   vue   其他   标签   组件   

原文地址:http://www.cnblogs.com/liujinyu/p/6489868.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!