首页 > 代码库 > Vue学习笔记

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学习笔记