Vue2
安装多个NodeJS windows上安装多个Nodejs版本 解决vue2/vue3同时运行
第一步下载nvm-windowsnvm-windows 下载地址：Github最新下载地址 进入之后直接下载 第二步 安装NVM 注意路径一定不要包含空格 中文否则会报错 注意安装路径一定不要包含空格 中文否则会报错 点击安装之后 如果之前安装了nodejs的话会提示 希望nvm管理已安装node ......
vue2与vue3的区别
一. vue2和vue3双向数据绑定原理发生了改变vue2 的双向数据绑定是利用ES5 的一个 API Object.definePropert()对数据进行劫持 结合 发布订阅模式的方式来实现的。 vue3 中使用了 es6 的 ProxyAPI 对数据代理。 相比于vue2.x，使用proxy的 ......
vue2项目中调取登录接口登录以后获取个人信息以后,储存在哪里,怎么在不同的页面展示想要的信息?
在Vue2项目中，可以将个人信息存储在Vuex状态管理中或者浏览器的本地存储中，具体取决于项目的需求和规模。 1. Vuex状态管理 在Vuex中定义一个user模块，用于存储用户信息，可以在登录成功后将用户信息存储到该模块中。 ```javascript // store/user.js cons ......
vue2源码-十五、Vue.set方法是如何实现的
Vue.set方法是如何实现的 vue.set 方法是vue中一个补丁方法（正常我们添加属性是不会触发更新的，我们数组无法监控到索引和长度） 如何实现的 我们给每一个对象都添加了一个 dep 属性 vue3 中不需要此方法了（当属性添加或者删除时，手动触发对象本身的 dep 来进行更新） 源码： / ......
Vue2项目实战尚品汇 项目的路由分析
视频 5）路由的配置 vue-router 路由分为KV node平台（并非语言） 对于后台而言:K即为URL地址 V即为相应的中间件 http://localhost:8080/0607 app.get("/0607",(res,req)=>{ res.send('我是祖国的老花骨朵'); }); ......
Vue2项目实战尚品汇 项目的其他配置
视频 终止cmd的处理，快捷键：ctrl+c 清屏快捷键：cls VSCode添加新建文件夹的快捷键 Shift + A 3)脚手架下载下来的项目稍微配置一下 3.1:浏览器自动打开 在package.json文件中 "scripts": { "serve": "vue-cli-service se ......
Vue2项目实战尚品汇 vue-cli脚手架初始化项目&项目结构解释
视频 下了vue vscode snippets，然后直接输入vbase就可以生成代码片段 2)脚手架使用 2: vue init webpack 项目的名字 3|4：vue create 项目名称 脚手架目录:public + assets文件夹区别 node_modules:放置项目依赖的地方 ......
vue2源码-十四、computed和watch的区别
computed和watch的区别 computed 和watch的相同点。底层都会创建一个 watcher（用法的区别：computed 定义的属性可以在模板中使用，watch 不能在视图中使用） computed 默认不会执行 只有取值的时候才会执行 内部会维护一个 dirty 属性，来控制依赖 ......
Vue2和ElementUI编写的无限级菜单路由
Vue2和ElementUI编写的无限级菜单路由 文章转载自：www.javaman.cn <template> <div> <el-menu :default-active="$route.path" class="el-menu-vertical-demo" :collapse="isColla ......
Vue2入门之超详细教程七-事件处理
1、简介 事件的基本使用： （1）使用v-on:xxx或者@xxx绑定事件，其中xxx是事件名 （2）事件的回调需要配置在methods对象中，最终会在vm上 （3）methods中配置的函数，不要用箭头函数！否则this就不是vm了 （4）methods中配置的函数，都是被Vue所管理的函数，th ......
vue2源码-十三、nextTick在哪里使用？原理是什么？
nextTick在哪里使用？原理是什么？ nextTick内部采用了异步任务进行包装（多个nextTick调用会被合并成一次，内部会合并回调）最后在异步任务中批处理。 主要应用场景就是异步更新（默认调度的时候就会添加一个·nextTick 任务）用户为了获取最终的渲染结果需要在内部任务执行之后再执行 ......
向着Vue3进发，Vue2.7升级指南
北京时间7月1号，Vue2.7正式发布，Vue2.7支持你的项目在不升级Vue3的情况下使用Vue3的特性，例如Composition Api、setup、Css v-bind等。 与此同时，Vue2.7也是Vue2.X的最终次要版本，在这个版本之后，Vue2将进入LTS（长期支持），即从现在开始持 ......
Vue 项目安全扫描漏洞，JS 库版本太低，要求升级 YUI（vue2 升级javascript库）【检测到目标站点存在javascript框架库漏洞漏洞风险：中】
原帖：https://blog.csdn.net/u012961419/article/details/130016341 背景公司信安部门对项目进行安全扫描，查出一些漏洞，其中有一项要求升级 javascript 框架库（如图）： 吓得我以为让我把 Vue2 升级成 Vue3。 经过一番询问后才知 ......
解决vue2.0路由 TypeError: Cannot read property 'matched' of undefined 的错误问题
找了很久这个问题 解决vue2.0路由 TypeError: Cannot read property 'matched' of undefined 的错误问题 - 北桥苏 - 博客园 (cnblogs.com) 解决办法 改为 问题解决 没有找到为什么 好像高版本的router没有这个问题 我因为 ......
vue2源码-十二、mixin的使用和原理
mixin的使用和原理 使用： 可以通过 Vue.mixin 来实现逻辑的复用,问题在于数据来源不明确。声明的时候可能对导致命名冲突 vue3 采用的就是 compositionAPI 局部混入： var myMixin = { created: function () { this.hello() ......
vue2源码-十一、Vue的生命周期
Vue的生命周期 钩子函数是如何实现？ 内部利用一个发布订阅模式，将用户写的钩子维护成一个数组，后续依次调用hooks。主要靠的是mergerOptions 方法有哪些？ 引用自https://vue3js.cn/interview/vue/lifecycle.html#%E4%BA%8C%E3%8 ......
Vue&Element-Ui（支技VUE2）&解决ttf, woff 文件报错的问题
一、Vue&Element-Ui（支技VUE2） Vue 是一套用于构建用户界面的渐进式 JavaScript (主张最少)框架 ，开发者只需要关注视图层， 它不仅易于上手，还便于与第三方库或既有项目的整合。是基于MVVM（Model-View-ViewModel 即：视图层-视图模型层-模型层）设 ......
vue2源码-十、diff算法
diff算法 diff算法的特点就是平级比较，内部采用了双指针方式进行优化，优化了常见的操作。采用了递归比较的方式。 针对一个节点的diff算法 先拿出根节点来进行比较如果是同一个节点则比较属性，如果不是同一个节点则直接换成最新的即可。 同一个节点比较属性后，复用老节点 比较儿子 一方有儿子 一方没 ......
vue2升vue3后部分异常解决
element-ui 升为 element-plus 首先建议参考element-plus官方站点： https://element-plus.org/zh-CN/ 部分组件标签直接变更 如 el-submenu 变更为 el-sub-menu 浏览器提示 ElementPlusError: [El ......
【Vue2.x源码系列07】监听器watch原理
本章目标：监听器是如何实现的？监听器选项 - immediate、deep 内部实现？在初始化Vue实例时，我们会给每个侦听器都创建一个对应watcher，我们称之为侦听器watcher ......
vue2源码-九、异步更新
异步更新 异步更新原因 以下情况下： vm.name = '123' vm.name = '234' vm.name = '123' ... 如果我们频繁的修改一个数据，就会多次触发视图渲染dep.notify->watcher.update 这样就会降低性能，因此就需要采用异步更新策略，仅仅在最后 ......
Vue2 css mixins变量自动导入配置
vue.config.js const path = require("path"); function addStyleResource(rule) { rule .use("style-resource") .loader("style-resources-loader") .options({ ......
vue2之使用provide/inject父子祖孙组件之间的传值
官网概念：provide/inject需要一起使用，以允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在其上下游关系成立的时间里始终生效。 使用方法：在父组件中使用provide传值，在子组件中用inject接收 // 父组件 data(){ return { name:'阔落' ......
vue2之跨页面调用和传参
A页面调用B页面的方法 不涉及父子组件时，调用的方式，使用this.$root.$emit()发送消息，进行调用， /** * 打开在全局组件中的弹框 */ handleOpenModal(){ this.$root.$emit('toolbar', { type: 'modal', fun: th ......
vue2
vue vue-router 安装vue-router 当前项目下安装 需要导入 vue3的写法 main.js import { createApp } from 'vue' import App from './App.vue' import Router from 'vue-router' c ......
【Vue2.x源码系列06】计算属性computed原理
本章目标：计算属性是如何实现的？计算属性缓存原理以及洋葱模型的应用？在初始化Vue实例时，我们会给每个计算属性都创建一个对应watcher，我们称之为计算属性watcher ......
vue2源码-八、依赖收集的过程
依赖收集的过程 前言 使用真实节点替换原始节点，主要涉及以下步骤： 1.新老节点的更新方案。 2.虚拟节点与真实节点映射。 3.实现新老节点的替换。 依赖收集 已经完成了Vue的两大核心部分：响应式数据和数据渲染，即完成了整个Vue的初始化流程： 当new Vue()时，执行_init初始化，通过m ......
【Vue2.x源码系列06】计算属性computed原理
本章目标：计算属性是如何实现的？计算属性缓存原理以及洋葱模型的应用？在初始化Vue实例时，我们会给每个计算属性都创建一个对应watcher，我们称之为计算属性watcher ......
vue2使用最新版nanoid，运行报错
项目需要nanoid生成主键。 vue版本：2.6.14 npm i nanoid后，npm run serve报错： Error [ERR_REQUIRE_ESM]: require() of ES Module C:\projects\frontend\vue-test\node_modules ......
vue2 xlsx结合file-saver实现JSON导出excel 支持导出多sheet
先安装插件 npm install xlsx -s npm install file-saver -s 在本地封装导出方法，支持// 文件名：Export2MultipleSheetExcel//支持导出多个或者单个sheet import { saveAs } from "file-saver"; ......