乐趣区

关于vue.js:简述封装-Vue-组件过程及组件的命名规范


明天简略来说一下 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 元素相冲突.

退出移动版