vue封装element组件详解

vue封装element组件详解？

首先，利用vue官方提供的cli（3.x）生成一个Vue工程，具体的cli安装和生成工程的过程可以参考官网Vue CLI的章节。看下生成的vue工程结构，

可以看到工程中有个App.vue，这是整个工程最顶端的组件，之后所有新开发的组件都是嵌套在这个组件中。

从App.vue中可以看出，组件分为三个部分

1. template ： 这是html部分，负责组件的展示

2. script ： 这是js部分，负责组件的逻辑

3. style : 这是css部分，负责组件的渲染

一般所有的组件都带有这三部分