文章预览
最近因为项目需要，不得不学习一下 Vue3。于是花了 4 个小时，把 Vue3 过了一遍。现在我来带你快速了解 Vue3 的写法。 本文的目的，是为了让已经有 Vue2 开发经验的 人 ，快速掌握 Vue3 的写法。 因此， 本篇假定你已经掌握 Vue 的核心内容 ，只为你介绍编写 Vue3 代码，需要了解的内容。 一、Vue3 里 script 的三种写法 首先，Vue3 新增了一个叫做组合式 api 的东西，英文名叫 Composition API。因此 Vue3 的 script 现在支持三种写法， 1、最基本的 Vue2 写法 < template > < div > {{ count }} div > < button @ click = "onClick" > 增加 1 button > template > < script > export default { data() { return { count : 1 , }; }, methods : { onClick() { this .count += 1 ; }, }, } script > 2、setup() 属性 {{ count }} 增加 1
import { ref } from 'vue';
export default {
// 注
………………………………
