首页 > 学术百科

详解Vue3.0+TypeScript+Vite初体验

详解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>

$ yarn2018未来科学大奖

牛津小学英语6a教案$ 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

效果：

Composition API

ref

声明：

Ref可将⼀些基本属性变成响应式

本文发布于:2024-09-22 05:39:34，感谢您对本站的认可！

本文链接：https://www.17tex.com/xueshu/397006.html

上一篇：人教版七年级英语下册 Unit10 Section B 3a-selfcheck 讲义

下一篇：vue中常见的问题以及解决方法

标签：注册响应实验性处于属性

留言与评论（共有 0 条评论）