callback回调使用 vue_vue3.0慢慢浮出水面，让我们快速学习vue3.0的语法特性和使用方式...

插件vue-function-api 提供 Vue3.0 中的组件逻辑复用机制,帮助开发者开发下一代 vue 应用程序，允许开发者利用 Vue3.0 的响应性 API 建设未来 Vue 生态。

导航

1. 安装
2. 使用
3. 示例

①Todo App Compare with Vue2 API

②CodePen Live Demo

③Single-File Component

4.API

①setup

②value

③state

④computed

⑤watch

⑥lifecycle

⑦provide, inject

安装

npm

npm install vue-function-api --save

yarn

yarn add vue-function-api

CDN

通过全局变量 window.vueFunctionApi 来使用。

使用

必须显式地通过 Vue.use( ) 来安装 vue-function-api:

import Vue from 'vue'import { plugin } from 'vue-function-api'Vue.use(plugin)

安装插件后，您就可以使用新的函数式 API来书写组件了。

示例

Todo App Compare with Vue2 API

1.https://codesandbox.io/s/todo-example-6d7ep