Vue_API文档
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>
原文地址:https://blog.csdn.net/m0_73971785/article/details/145074819
免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!