在线制作网站地图备案网站建设方案模板

Vue API风格

Vue 的组件可以按两种不同的风格书写：选项式 API（Vue2） 和组合式 API（Vue3）

大部分的核心概念在这两种风格之间都是通用的。熟悉了一种风格以后，你也能够很快地理解另一种风格

选项式API(Options API)

使用选项式 API，我们可以用包含多个选项的对象来描述组件的逻辑，例如 data、methods 和 mounted

选项所定义的属性都会暴露在函数内部的 this上，它会指向当前的组件实例

<script>
export default {data(){return {count:0}},methods:{increment(){this.count++}},mounted(){console.log(`The initial count is ${this.count}.`)}
}
</script>
<template>
<button @click="increment">count is: {{ count }}</button>
</template>