![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue3
文章平均质量分 56
维生素c片
键盘只有三个键的小前端
展开
-
vue3 学习笔记 ——watch监听
vue3学习笔记——setup()原创 2021-05-15 11:30:12 · 289 阅读 · 0 评论 -
vue3学习笔记——声明响应式数据 ref | reactive
声明响应式数据ref | reactive 都是vue3声明响应式数据的函数响应式原理:ES5:Object.defineProperty -> ES6: Proxy[优点] 1.懒代理,提高性能 2.告别Vue.setrefval: 监听基本数据类型的变化需要import 引入ref setup(){ console.log("setup执行"); const girl = ref("芝麻开花") console.log(girl)原创 2021-05-15 11:03:17 · 2578 阅读 · 0 评论 -
vue3学习笔记——setup()
一、特性和作用setup() 函数是vue3一大特性函数。setup 方法 代替了 vue2 的 data,method,watch数据和方法全部写到setup()中。setup 函数是 CompositionAPI(组合式API) 的入口函数。通过return来暴露我们需要使用的数据。CompositionAPI(组合式API) :以业务逻辑为中心,当业务比较多时,能使代码更加内聚,可以并置与同一逻辑问题相关的代码简单例子 // 使用函数前需要引入import {ref} from "v原创 2021-05-15 10:08:33 · 1848 阅读 · 0 评论 -
利用vite创建vue3项目
1、vite 是是VUE3 创建项目的工具,项目大了之后,性能明显优于webpack。原理: 利用 ES6 的 import 会发送请求去加载文件的特性,拦截这些请求,做一些预编译,相对于 webpack来说省去了冗长的打包时间特点:快速的冷启动即时热模块更新(HMR,Hot Module Replacement真正按需编译但是不支持IE112、利用vite创建vue3项目全局安装 Vitenpm i -g create-vite-app利用 Vite 创建 Vue3 项目原创 2021-05-14 14:34:57 · 1356 阅读 · 0 评论