返回

vue之composition-api插件,使用vue3的开发方式开发vue2

Created By ZOU on Mar 05 2020

composition-api是一个vue2.x的插件,是由vue官方提供的插件,功能是能在vue2中体验vue3的开发方式。

安装方式:

// 首先安装
npm i -S @vue/composition-api

如何使用:

import Vue from 'vue'
import App from 'App.vue'
import VueCompositionApi from '@vue/composition-api'
// 安装插件
Vue.use(VueCompositionApi)

App.vue

<script>
import { ref } from '@vue/composition-api'
export default {
name: 'App',
setup(props, ctx) { // vue3的语法
// 添加响应
const num = ref(10)
// 返回data属性,可在template中使用的属性
return {
num
}
}
}
</script>

vue相关插件官方仓库

标签: javascript vue