vue(31)vue中CompositionAPI组合API的使用

时间：2021-07-05 18:02:28 阅读：0 评论：0 收藏：0 [点我收藏+]

前面介绍的vue的组件书写中，必须要在data，methons，或者computed等模块中写上对应的内容，vue3提供了一种更加自由的写法，不用非得定义这些各个模块并只能将需要的内容写入固定的模块中，这种写法叫组合API。

如下Home.vue：

count:{{ data.count }}

<br />

double:{{ data.double }}

<br>

</div>

</template>

//引入vue组合api需要的模块

import { reactive, computed } from "vue";

export default {

setup() {

const data = reactive({

//等价于原来的data中的数据

count: 0,

//等价于原来的计算属性

double: computed(() => {

return data.count * 2;

}),

});

//等价于原来methos中的方法

function add() {

data.count++;

}

//这里必须要将上面的定义返回

return { data, add };

};

</script>

原文地址：https://www.cnblogs.com/maycpou/p/14966065.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行