vscode升级到1.60.0之后，命令行窗口默认是powershell，可能自己不是很习惯这种样式，于是想把界面改成git原来的样式。之前的"terminal.integrated.shell.windows": "D:\\softWare\\Git\\bin\\bash.exe", //自己的路径 现在的"terminal.integra...
Vue3中新增了几种创建响应式数据的方法，其各自的作用当然也不尽相同，每一种方法都有其自己的应用场景，今天我们来聊聊什么是ref toRef和toRefs？三者在使用方式上有什么不同？最佳的使用方式是什么？一、基础1.ref(1) 生成值类型的响应式数据, 通过 .value修改值<template> <div>{{ ageRef }}</div>...
前言我们在用vue进行开发的时候，虽然模板是vue开发中最常用的部分，但是大多数人对他可能不是很了解，今天我们就一起来探讨以下，模板是什么？模板是如何编译的？编译模板是什么？模板不是html，模板有表达式、插值、能实现判断、循环html是标签语言，只有js代码才能实现判断、循环因此，模板一定是转换为某种js代码，即编译模板编译模板的过程？1. vue-template-compilervue...
前言在上一篇文章vue2 响应式之Object.defineProperty中，我们知道了vue2是通过Object.defineProperty这个API来实现响应式的。 那么， 为什么vue3要使用proxy来替代Object.defineProperty？ 就像上一篇中讲到的，vue2.x基于Object.defineProperty的实现，存在很多缺点：一次性递归计算量大、无法新增/...
1.前言 在日常的开发中，在data中定义的数据，可以在template中用{{}}在视图中显示，如下图所示 我们加个按钮，在test后面追加“--test”，看看页面是否会改变2.Object.defineProperty 从上面可以看出，通过修改data中的数据来改变页面渲染的内容，那vue中内部是怎样实现这种相应式的功能的呢？ 在这之前，我们先来看一下O...