vue
文章平均质量分 89
参宿7
路虽远行则将至,事虽难做则必成
展开
-
vue:标签属性绑定Vue实例【ref,reactive,内置指令v-bind,v-on】,预定义变量、方法【$methods,$computed】
trim:自动过滤输入的首尾空白字符。.number:自动将用户的输入转为数值类型。.lazy:将实时更新的input事件改为移出输入焦点或回车的change事件,适用于大量输入,或者需要精确验证(邮件、号码)-- 过滤首尾空白字符 -->-- 将输入转为数值 -->-- 使用 change 事件替代 input 事件 -->原创 2024-07-14 11:04:20 · 1083 阅读 · 0 评论 -
Vue2、3组件通信、双向绑定、插槽slot、内置指令、事件修饰符
除了传递基本的值之外,还可以传递其他类型,比如对象或数组。语法糖:value默认情况下,v-model会使用子组件的value属性作为 prop 名,使用input事件来触发更新。适应不同的数据源,与其他组件集成不会产生命名冲突。比起value更具有语义,使其他开发者更容易理解组件的预期用法和行为。props: {// 使用自定义的 prop 名 customProp},// 通过 model 选项自定义 v-model 的 prop 和事件名。原创 2023-07-18 10:59:54 · 2886 阅读 · 0 评论 -
vue2【Options 选项API、mixin混入】,vue3【Composition 合成API、hooks,script setup语法糖】
setup() {//ref函数来创建一个响应式的数据');return {message,Vue3.2 中 只需要在script标签上加上setup属性...原创 2023-10-29 15:04:04 · 238 阅读 · 0 评论 -
Vue2,3响应式原理,ref和reactive,toRef和toRefs,shallowRef和shallowRefs
由于Proxy是基于原生的Proxy对象实现的,所以可以更好地支持TypeScript等静态类型检查工具,提供更准确的类型推导和代码提示。被代理对象上的自定义行为(定义一组处理函数(例如get、set)的对象)receiver:代理者 ,Proxy 或者继承 Proxy 的对象。操作,这使得数据变化的检测更加高效。因为使用 reactive 定义的响应式对象在进行。,而Proxy可以一次性监听整个对象的操作。函数返回的对象里的属性 自动就有响应式。的方法都是一一对应的,在。Proxy可以监听对象的。原创 2023-10-28 23:51:33 · 287 阅读 · 0 评论 -
Vue2响应式原理及defineProperty无法检测增删属性、数组方法改变元素问题的解决
先初始化一个 dep 实例如果是对象就调用 observe,递归监听,以保证不管结构嵌套多深,都能变成响应式对象然后调用Object.defineProperty() 劫持对象属性的 getter 和 getter如果获取时,触发getter 会调用 dep.depend()把观察者push 到依赖的数组 subs里去,也就是依赖收集如果更新时,触发setter会做以下操作新值没有变化或者没有 setter 属性的直接跳出如果新值是对象就调用observe() 递归监听通过对。原创 2023-10-28 00:27:44 · 176 阅读 · 0 评论 -
Vue2、3【响应式原理、API类型、生命周期、fragment】
setup() {//ref函数来创建一个响应式的数据');return {message,原创 2023-10-02 21:04:10 · 69 阅读 · 0 评论 -
React16、17和Vue2、3生命周期、渲染顺序
主要就是命名不同。原创 2023-07-19 00:15:49 · 1500 阅读 · 0 评论 -
vue和React路由、history、hash模式
路由:根据展示不同的内容,SPA(单页应用)的。原创 2023-07-13 01:41:46 · 1841 阅读 · 0 评论 -
vue同时使用多种组件库(main.ts)
【代码】同时使用多种组件库(main.ts)原创 2023-07-28 18:35:49 · 461 阅读 · 0 评论 -
vue upload 下载、打开文件为[object]、当服务端没有设置跨域时,可以将json伪装成text/plain
Blob是存储二进制数据的数据类型,例如图像、音频和视频文件等。"vnd.ms-excel":Microsoft Excel电子表格文件。在HTTP头部或其他协议中指定一个特定的字符串,来标识文件的类型。,打开下载文件是 [object Object],将res改成。"application"表示应用程序类型,从响应头中提取文件名:响应头的。"image"表示图像类型等。"text"表示文本类型,子类型表示具体的文件格式,"plain"表示纯文本,主类型表示文件的大类别,"vnd"表示自定义类型。原创 2023-07-14 00:55:01 · 1092 阅读 · 0 评论 -
vue动态组件(v-if,v-show,v-for,keep-alive,teleport)
切换时有性能开销在 Vue 3 中,得到了标签来包裹它们elvalue'none'性能比较:v-show始终被渲染并保留在 DOM 中(即使初始渲染时组件不显示)相比v-if没满足就不会创建而言,v-show="false"时初始化性能差。原创 2023-07-13 23:19:25 · 807 阅读 · 0 评论