搜索结果
查询Tags标签： vue2，共有 99条记录-
手牵手带你实现mini-vue
1 前言 随着 Vue、React、Angularjs 等框架的诞生，数据驱动视图的理念也深入人心，就 Vue 来说，它拥有着双向数据绑定、虚拟dom、组件化、视图与数据相分离等等造福程序员的优点，那 Vue 的双向数据绑定实现原理是什么样的，如果让我们自己去实现一个这样的双向数据绑定…
2023/6/19 11:22:19 人评论 次浏览 -
前端开发常用工具
记录自己经常用到的工具,换电脑时使用----------不定时更新一：电脑相关 1.windows系统，安装nvm node包管理工具，可以切换多个node版本，以适应vue2,vue3,react等开发需求，安装前先卸载电脑里的nodejs版本，在安装nvm。 2.nrm，切换npm下载源 安装方法 npm i nrm -g 二…
2022/8/29 23:22:56 人评论 次浏览 -
vue2+vuex的state的使用
app.vue<template><div class="app"><h3> 在模板中直接使用 </h3>姓名 : {{ $store.state.nameVuex }}等级 : {{ $store.state.levelVuex }}头像 : {{ $store.state.avtarURLVuex }}<h3> 计算属性(映射状态) : 数组写法 -- 只适合…
2022/8/29 23:22:53 人评论 次浏览 -
Vue2和Vue3的部分区别
生命周期： 整体变化不大，只是大部分生命周期钩子前+"on"，功能是类似的。需要注意的是，Vue3在组合式API中使用生命周期钩子时需要先引入，Vue2在选项API中是可以直接使用的。 //Vue3 <script setup>import {{生命周期钩子}} from vue生命周期钩子(() =…
2022/7/21 6:25:49 人评论 次浏览 -
Vue2源码解析-源码调试与核心流程梳理图解
现在VUE3已经有一段时间了，也慢慢普及起来了。不过因为一直还在使用VUE2的原因还是去了解和学了下它的源码，毕竟VUE2也不会突然就没了是吧，且VUE3中很多原理之类的也是类似的。然后就准备把VUE3搞起来了是吧。VUE2源码使用的是roullup进行打包的，还使用了Flow进行静态…
2022/7/15 14:20:35 人评论 次浏览 -
Vue3：不常用的Composition API && Fragment、Teleport、Suspense && 与Vue2对比的一些变化
1 # 一、Vue3不常用的Composition API2 # 1.shallowReactive与shallowRef3 .shallowReactive: 只处理对象最外层属性的响应式（浅响应式）4 .shallowRef：只处理基本数据类型的响应式，不进行对象的响应式处理。5 什么时候用:6 如果一个对象数据，…
2022/7/14 23:21:38 人评论 次浏览 -
vue2.6向vue2.7迁移
尤大前不久正式发布了vue2.7正式版，也是vue2的最后一个版本，自此vue2进入持续18个月的长期支持，不再接收新功能。vue2.7可以看做是为了开发者更好的迁移到vue3而推出的迁移版本，支持了vue3的绝大部分功能，今天我也将正在做的项目升级到了2.7，以便更好的使用vue3的语…
2022/7/5 23:26:03 人评论 次浏览 -
vue2源码学习（二）---监听数组的变化
在监听对象变化的基础上只修改了observe.js，新增了array.js 通过重写数组内的会改变数组本身的方法进行监听数组的变化//observe.jsimport { newArrayProto } from ./arrayclass Observer {constructor (data) {console.log(data,this)// Object.defineProperty只能劫持…
2022/7/4 1:21:35 人评论 次浏览 -
vue2升级vue3： 全局变量挂载与类型声明
全局变量挂载 vue2 Vue.prototype.$lm = {} vue3 const app = Vue.createApp({}) app.config.globalProperties.$lm = {}声明类型 使用 ts 的情况下，挂载完全局变量后，在 vue 文件中，通过 this 对象 . 出来不来提示的。什么是声明文件? 声明文件就是给js代码补充类型标…
2022/6/21 23:20:42 人评论 次浏览 -
vue2升级vue3：vue2 vue-i18n 升级到vue3搭配VueI18n v9
项目从vue2 升级vue3，VueI18n需要做适当的调整。主要是Vue I18n v8.x 到Vue I18n v9 or later 的变化，其中初始化： 具体可以参看：https://vue-i18n.intlify.dev/guide/migration/breaking.htmlVue I18n v8.x: import Vue from vue import VueI18n from vue-i18nVue.us…
2022/6/21 23:20:41 人评论 次浏览 -
vue-- 同一台电脑 实现vue2和vue3 项目并存
第一步：新建2个文件夹，分别在下面安装vue2vue3; 这里注意的是，不要 -g 全局安装；vue2 安装：npm install vue-cli@2.9.6 vue3 安装：npm install @vue/cli 第二步：在各自的文件下会生成node_modules依赖包文件夹；然后在node_modules/.bin/ 文件夹下，点击右键打开…
2022/6/20 23:21:34 人评论 次浏览 -
从0开始学习VUE3--01-Vue2与Vue3的不同点
升级带来的性能提升总结 1.模板编译优化：节点达到一定个数，会自动优化每次重新渲染，会调用createVnode创建虚拟节点，VUE3会做静态提升，静态节点进行提取，进行优化2.事件缓存事件，防止重新创建事件3.响应式原理defineProperty 改为 proxy4.Vue3 diff算法，可以…
2022/5/3 6:13:02 人评论 次浏览 -
vue2 - 生命周期
<script>new Vue({beforeCreate() {console.log(beforeCreate)},created() {console.log(created)},beforeMount() {console.log(beforeMount)},mounted() {console.log(mounted 常用)},beforeUpdate() {console.log(beforeUpdate)},updated() {console.log(updated…
2022/5/2 6:14:40 人评论 次浏览 -
vue2 - vue.set添加属性与修改data中的数组
vue.set添加属性： Vue.set(target，propertyName/index，value) 或 vm.$set(target，propertyName/index，value)<div id="root"><button v-on:click="addAttr">点击添加属性</button> </div><script>const vm = new …
2022/4/29 23:17:12 人评论 次浏览 -
vue2 - 条件渲染 元素的显示与隐藏
v-if：(1).v-if="表达式" (2).v-else-if="表达式" (3).v-else="表达式"适用于：切换频率较低的场景。 特点：不展示的DOM元素直接被移除。 注意：v-if可以和:v-else-if、v-else一起使用，但要求结…
2022/4/29 6:15:51 人评论 次浏览
