创建自己的组件 (1)template中只能存在一个根容器 (2)script中的name是当前组件的名称,为可选项 (3)在data中存放全部初始化状态 (4)style为template的样式 (5)在style标签中添加scoped,表示样式只渲染当前组件 (6)将style标签中的 lang='css'修改成lang='less',即变成less样式,不写默认为css 1、在src的components下创建xx.vue文件 <template lang='html'> </template> <script> export default{ name:'xxx', data(){ return{ xx } } } </script> <style lang='css'> </style> 2、在App.vue主入口文件的引入 (1)script中引入该组件地址 (2)在component中引入该组件名 (3)在template中<组件名/>使用 来源: CSDN 作者: 神奇大叔 链接: https://blog.csdn.net/weixin_43294560/article/details/104320393