vue
关注
分享
扫一扫
文章平均质量分 62
shao.zq
小菜鸟一个，喜欢新鲜技术，不定时遇到坑，不定时更新。
展开
-
vue3学习 【5】watch的使用
当我们需要根据一个数据的变化来进行一些操作的时候我们需要使用侦听器，它能够在响应式数据发生变化的时候触发提供的回调函数。原创 2024-02-29 15:58:40 · 702 阅读 · 0 评论 -
vue3学习 【4】ref和reactive的使用并于ts结合
接收参数，并将其包裹在一个带有 .value 属性的 ref 对象中返回,如果在js中使用需要XX.value来操作其内容，在模板中可以直接使用，因为已经自动解包了。vue会在首次渲染的时候追踪所有的ref，将ref对象进行一次封装，如果是普通对象我们是没办法检测他的修改和访问的，所以我们将他封装成对象，然后通过。虽然没有严格的规则，但在某些情况下，使用一些特定的内容才是最佳实践，当然你也能够 ref 一把梭哈。，并加以自己的一定理解，如有不对之处，望大家不吝指正。方法拦截对象属性的get和set操作。原创 2024-02-29 14:50:52 · 1103 阅读 · 0 评论 -
vue3学习 【3】组合式api setup() 和 ＜script setup＞
<script setup> 是在单文件组件 (SFC) 中使用组合式 API 的编译时语法糖。当同时使用 SFC 与组合式 API 时该语法是默认推荐。相比于普通的 官方比较推荐实用<script setup >,本文会基于两种方式写出部分代码进行相关对比，后续文章将采用 <script setup > 的方式进行开发。<script setup >defineComponent描述defineComponent主要作用是在定义 Vue 组件时提供类型推导的辅助函数。也可以不使用，不影响上述代码的原创 2024-02-28 17:19:11 · 503 阅读 · 0 评论 -
vue3学习 【2】vite起步和开发工具基本配置
官方文档刚起步学习，所以我们只需要按照官方文档的入门流程即可。推荐阅读一下官网的为什么使用vitevite目前需要的node版本是18+，可以参考上一篇文章的安装nvm，用来进行多版本的node管理。vue官方推荐了很多模版，可以使用命令行执行，这样可以少一些回车操作，建议阅读官方文档。原创 2024-01-05 17:55:31 · 521 阅读 · 0 评论 -
vue3学习 【1】开发环境准备
推荐使用nvm进行node管理，vue3需要node18+,所以需要安装版本，使用nvm可以管理多个node版本，方便使用和切换。执行完毕后请关闭终端在打开。原创 2024-01-04 14:31:14 · 399 阅读 · 0 评论 -
proxy实现vue双向绑定
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <input v-m原创 2020-08-31 00:13:10 · 166 阅读 · 0 评论