Vue3-04 自定义组件Person

文章目录

• 创建目录components
• • 写样式
• 注册组件
• • [插件: Vue.js devtools](#插件: 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: {}          // ✅ 合法标识符
}

2. 为什么我的Vue文件中的style样式不显示引用了几个?