vue封装组件的过程(简单)

569 阅读1分钟

(作者笔记自用)

1.使用Vue.extend()来创建一个组件,例如:

var my_component = Vue.extend({
    template: '<div>这是我的组件</div>'
});

2.使用Vue.component()来进行全局注册,也可以使用局部注册,例如:

Vue.component('my_component', my_component);

3.使用以及如何传递数据(在子组件中props定义接受数据),例如:

<my_component name="不改变的数据" :arr="父组件data中的数据"></my_component>

4.补充:我们一般使用脚手架vue-cli来进行开发和管理,一个组件即为一个vue页面,即单文件组件。我们在引用组件时只需将页面引入,再注册即可使用。