vue 基本格式 - daniel-qa/Vue GitHub Wiki

vue 基本格式

template 和 script

<template>
  <div>
    <!-- 这里是 HTML 结构 -->
    <h1>{{ message }}</h1>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: 'Hello, Vue!'
    };
  },
  methods: {
    // 这里是方法
  },
  mounted() {
    // 组件挂载后执行的逻辑
  }
};
</script>
  • 除了 data(), methods, 和 mounted()，你还可以使用以下关键字：

computed：用于定义计算属性。

watch：用于观察数据变化并执行相应的逻辑。

props：接收父组件传递的数据。

created()：组件实例创建后立即调用。

beforeDestroy()：组件销毁前调用，适合清理定时器等。

⚠️ **GitHub.com Fallback** ⚠️