详解Vue3.0+TypeScript+Vite初体验⽬录
项⽬创建
项⽬结构
main.js
App.vue：
setup
Composition API
ref
reactive
computed
watchEffect
组件系统
全局注册
局部注册
setup
props
context
emit
attrs
slots
vue指令
v-model
项⽬创建
npm:
$ npm init vite-app <project-name>
$ cd <project-name>
$ npm install
$ npm run dev
or yarn:
$ yarn create vite-app <project-name>
$ cd <project-name>
$ yarn
$ yarn dev
项⽬结构
main.js
在个⼈想法上，我觉得createApp()是vue应⽤的实例，createApp⽀持链式调⽤App.vue：
这是兼容vue2.0的语法，下⾯是vue3.0 rfc写法（还处于实验性阶段）。setup
data
setup是结合了vue2.0的created⽣命周期函数和data还有methods(后⾯会提到)可直接 export 属性(data)和⽅法(methods)
可以看出现在的name不是响应式的，后⾯会介绍响应式methods
methods也是跟data⼀样，直接export
reactive声明类型效果：
Composition API
ref
声明：
Ref可将⼀些基本属性变成响应式

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。