自学内容网 自学内容网

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)!