文章目录
- 创建目录components
- 写样式
- 注册组件
- 插件: Vue.js devtools
- 调用组件
- 在Vue3中可以使用Vue2语法
- 问题答疑
创建目录components
创建Vue文件
写样式
注册组件
components: {Person}# 控制台的Vue插件
来源:极简插件
插件: Vue.js devtools
具体安装步骤
调用组件
在Vue3中可以使用Vue2语法
问题答疑
在这里插入代码片这个name键需不要加引号，为什么，加不加的区别？
name这个 key 不需要加引号，因为它是合法的 JavaScript 标识符
只有属性名包含特殊字符、空格或是保留字时才需要加引号
Vue 组件选项通常都不加引号，这是社区约定俗成的写法
. 什么时候必须加引号？
情况1：属性名包含特殊字符
情况2：属性名是保留字
情况3：属性名包含空格
可以省略引号的情况：
export default { name: 'App', // ✅ 合法标识符 components: {}, // ✅ 合法标识符 data() {}, // ✅ 合法标识符 methods: {}, // ✅ 合法标识符 computed: {} // ✅ 合法标识符 }- 为什么我的Vue文件中的style样式不显示引用了几个?
)
)
