当前位置: 首页 > Web前端 > vue.js

简述Vue组件封装的过程和组件的命名约定

时间:2023-04-01 00:36:43 vue.js

今天简单说一下Vue相关的最基础的知识点1.简述Vue封装的过程一、组件可以提高开发效率整个项目。它可以将页面抽象成多个相对独立的模块,解决了我们传统项目开发的缺点:效率低、维护难、复用性等问题;然后,使用Vue.extend方法创建一个组件,然后使用Vue.component释放注册组件。子组件需要数据,数据可以接受props中的定义。子组件修改数据后,想把数据传递给父组件。然后就可以使用emit方法了2.组件命名约定组件命名有两种方式:1.使用链式命名:my-component;//在模板字符串中2.使用bighumptoname:My-Component//inthetemplatestring注意:建议在非字符串模板中使用方法2,因为必须遵循W3C规范中的自定义组件名称(全部小写且必须包含连字符)以避免与当前和未来的HTML元素发生冲突。