简述封装 Vue 组件过程及组件的命名规范

Posted 2021-09-03 HZM_无止境

---

今天简单来说一下Vue相关的最基础的知识点

1.简述 Vue 封装的过程

首先,组件可以提升整个项目的开发效率。
能够把页面抽象成多个相对独立的模块，解决了我们传统项目开发的缺点：效率低，难维护，复用性等问题；

然后，使用Vue.extend方法创建一个组件，然后使用 Vue.component发放注册组件。
子组件需要数据，可以在props中接受定义。而子组件修改好数据后，想把数据传递给父组件。则可以采用emit方法

2.组件的命名规范

给组件命名有两种方式:

1.使用链式命名 : my-component;

// 在摸板字符串中
<my-component></my-component>

2.使用大驼峰命名 : My-Component

// 在摸板字符串中
<My-Component></My-Component>

注 : 在非字符串模板中推荐使用方式 2 ,因为要遵循 W3C 规范中的自定义组件名(字母全小写且必须包含一个连字符) 避免和当前以及未来的 html 元素相冲突.