简述封装 Vue 组件过程及组件的命名规范
今天简单来说一下Vue相关的最基础的知识点
1.简述 Vue 封装的过程
【简述封装 Vue 组件过程及组件的命名规范】首先,组件可以提升整个项目的开发效率。
能够把页面抽象成多个相对独立的模块,解决了我们传统项目开发的缺点:效率低
,难维护
,复用性
等问题;
然后,使用Vue.extend方法创建一个组件,然后使用 Vue.component发放注册组件。
子组件需要数据,可以在props中接受定义。而子组件修改好数据后,想把数据传递给父组件。则可以采用emit方法
2.组件的命名规范
给组件命名有两种方式:
1.使用链式命名 : my-component;
// 在摸板字符串中
2.使用大驼峰命名 : My-Component
// 在摸板字符串中
注 : 在非字符串模板中推荐使用方式 2 ,因为要遵循 W3C 规范中的自定义组件名(字母全小写且必须包含一个连字符) 避免和当前以及未来的 HTML 元素相冲突.
推荐阅读
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- 基于|基于 antd 风格的 element-table + pagination 的二次封装
- python自定义封装带颜色的logging模块
- Swift中willSet和didSet的简述
- jQuery插件
- VueX--VUE核心插件
- vue组件中为何data必须是一个函数()
- 用npm发布一个包的教程并编写一个vue的插件发布
- vuex|vuex 基础结构