vuecli-自定义组件

vuecli-自定义组件（封装组件）

创建组件步骤：

1.创建xxx.vue组件

（组件名称默认都是大写）

2.引入组件 import  xxx from 'xxx'（在你需要的地方，去引入组件）

3.注册components

操作：

1）. 在views目录下，创建Button组件

2).引入组件

3).注册组件

4).使用组件

使用组件的时候，注意：

组件中的根节点div，会被渲染到视图层，如下所示：

页面预览后，点击 右键 ，查看源码，如下所示：

所以自定义组件的，这个div标签可以去掉。

如下所示，直接写按钮：

页面预览后，点击 右键 ，查看源码，如下所示：

这样，一个简单的自定义组件，就创建和使用ok了。