vue
文章平均质量分 76
A程序员
这个作者很懒,什么都没留下…
展开
-
vue双向绑定
vue2 v-model的语法糖<!--父组件--> <template> <!--v-model 是语法糖--> <Child v-model="model"></Child> <!--相当于下面的代码--> <!--v-model的默认行为是input,默认prop是value--> <Child :value="model" @inpu原创 2021-11-04 17:31:56 · 294 阅读 · 0 评论 -
vue3笔记
vue3.0的优势性能: 比vue2.x快1.2~2倍diff算法优化:vue2.x: 生成新的虚拟DOM树 与 之前的虚拟DOM树, 全量比较,部分更新vue3.0:创建虚拟DOW的时候,根据DOM内容是否发生变化添加patchFlag标志, 虚拟DOM比较时,静态标记的节点进行比较静态提升:vue2: 无论是否参与更新,每次都会重新创建,然后渲染。vue3: 把不需要更新的元素做静态提升,只被创建一次,在渲染时直接复用事件侦听器缓存默认情况下,onclick被视为动态绑定(做pat原创 2021-10-18 22:34:40 · 118 阅读 · 0 评论 -
浅探 Vue 2为什么没有数组下标响应式
Vue 的双向数据绑定,使得修改数据后,视图就会跟着发生更新,比如对数组进行增加元素、切割等操作。然而直接通过下标修改数组内容后,视图却不发生变化。那么,在保留原有的数组响应方式下,为什么 Vue 不增加对数组下标的响应式监听呢?arr[index] = val 不是响应式的在 Vue 官网的列表渲染 — Vue.js中,有强调 Vue不能直接检测通过数组下标改变值的变化,需要通过数组更新检测来实现。<template> <div> <sp...转载 2021-07-21 23:50:18 · 1448 阅读 · 0 评论 -
Vue 生命周期详解
1.new Vue()2.初始化配置,初始化实例属性options、parent、refs、events等 _init(options) vm.$options = mergeOptions( resolveConstructorOptions(vm.constructor), options || {}, ) initLifecycle(vm) vm.$parent ...原创 2021-01-26 16:46:46 · 192 阅读 · 0 评论 -
Vue 后台管理系统
基于vue全家桶的后台管理系统vue2.0 和 elementui 搭建的一个后台管理系统vue-manage-system 后台管理系统开发总结vue-seedvue2-element-touzi-admin后台管理项目vue-element-adminvue-edenvue中后台管理系统集成解决方案推荐vue-admin-mastervue-quasar-adminxboot...转载 2019-09-16 15:04:39 · 230 阅读 · 0 评论