vue写法

Vue.js是一种用于构建用户界面和单页面应用程序的JavaScript框架。下面是一个简单的Vue.js组件的示例：

<template>
  <div>
    <h1>{{ message }}</h1>
    <button @click="increment">加一</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      count: 0,
      message: '你好，Vue.js!'
    };
  },
  methods: {
    increment() {
      this.count++;
    }
  }
};
</script>

在上面的示例中，我们定义了一个名为`message`的数据属性和一个名为`increment`的方法。我们还在组件的模板中使用了Vue.js的模板语法来渲染数据属性和绑定事件。

使用Vue.js时，我们通常把应用程序划分为多个组件，每个组件都有自己的状态和逻辑。这种组件化的开发方式使得应用程序更容易维护和扩展。