Vue学习笔记

Posted 2020-09-02 刘金宇

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

2、组件的el和data选项

传入Vue构造器的多数选项也可以用在 Vue.extend() 或Vue.component()中，不过有两个特例： data和el。
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声明直接调用