vue component name

作者：暗夜骑士发布日期:2025-04-17 浏览:114

<template>
  <div>
    <!-- 这里是组件的模板内容 -->
    <h1>{{ message }}</h1>
  </div>
</template>

<script>
export default {
  name: 'MyComponent', // 组件名称
  data() {
    return {
      message: 'Hello from MyComponent!'
    };
  }
};
</script>

<style scoped>
/* 这里是组件的样式 */
</style>

解释说明：

name: 'MyComponent'：这是定义 Vue 组件的名称。在 Vue 中，给组件命名是非常重要的，尤其是在递归组件或调试时。
<template>：用于定义组件的 HTML 模板。
<script>：用于定义组件的逻辑和数据。
<style scoped>：用于定义仅应用于该组件的样式，scoped 属性确保样式不会影响到其他组件。

上一篇：vue3 watch props

下一篇：vue this.$set