如果你的vue2代码之前是使用vue-class-component 类组件模式写的。选择可以使用 https://github.com/facing-dev/vue-facing-decorator 来进行低成本的升级，但是升级难度还是蛮大的。 如果你之前的vue2 版本使用的是 @vue/composition-api，那么 Vue Demi 以后可以无缝升级vue3.
之前a-hooks：https://ahooks.js.org/，比react-use 精简好用。但是没有vue版本的。 网上有个人实现的:https://github.com/dewfall123/ahooks-vue 但是vue，还是选择vue-use好点。 VueUse 是一个基于 Composition API 的实用函数集, 与 Composition API 的配合相得益彰 VueUse 的作
安装依赖 yarn add sass-loader@8.x vue.config.js module.exports={ css: { loaderOptions: { sass: { prependData: `@import "@/assets/styles/variables.scss";` } } }}
在使用elementui的cascader组件时，业务需求是在进入页面时让cascader有一个初始的选择， 所以我直接写了这样几行代码 但是很显然不行 因为vue2没有实现对数组的监视，只监视的数组的那几个方法 所以我又采用了另外一个方法 按道理来讲应该可以了，但是事实是还是不行 排查了
# Vue2基础学习 [toc] ## 前端 ### 工程化要求 - 模块化 - 组件化 - 规范化 - 自动化 ### webpack **webpack**是前端项目工程化的具体解决方案。 功能： 1. 前端工程化 2. 代码压缩、混淆 3. JS兼容性 4. 性能优化 #### 基本使用 ```shell # 1. 新建工程目录 # 2. 运
生命周期： 整体变化不大，只是大部分生命周期钩子前+"on"，功能是类似的。需要注意的是，Vue3在组合式API中使用生命周期钩子时需要先引入，Vue2在选项API中是可以直接使用的。 //Vue3 <script setup> import {{生命周期钩子}} from 'vue' 生命周期钩子(() => {}) //可以将不同
首先下载安装vuex ,命令：npm i vuex接着在src文件夹下创建store文件夹，在store文件夹下继续创建index.js，该文件用于创建Vuex中最为核心的storeVue2中的使用：在index.js中加入以下代码 import Vue from 'vue' import Vuex from 'vuex' // 引入Vuex Vue.use(Vuex) // 应用Vuex插件 con
Slot插槽 父组件向子组件传递 父组件将内容分发到子组件 slot插槽的值只读，不能在子组件中修改 slot插槽也可以作为组件之间的通信方式 默认插槽 父组件中：使用Son组件 <template> <Son> <ul> //子组件如果不定义插槽 这里面的ul不起作用 <li>我<
Vue2组件通讯传值 方法 Slot插槽--父向子内容分发,子组件只读 mixin混入--定义公共变量或方法,mixin数据不共享,组件中mixin实例互不影响 provide+inject--依赖注入,加强版prop+$emit ,代码可读性不高，不便后期维护 prop+$emit--父往子,子往父 route路由传参--简单数据传值 ref传
表格的每行都是可以随意拖动，任意排序的。 下载一个拖动的插件：sortable.js 下载： $ npm install sortablejs --save 引用：import Sortable from 'sortablejs'; 代码： <!-- 一定要绑定row-key --> <el-table :data="tableData" clas
1.vue官网写道： 这是与 Vue 3 匹配的 Vuex 4 的文档。如果您在找与 Vue 2 匹配的 Vuex 3 的文档。 Vue2 匹配 vuex3, Vue3匹配 vuex4。 npm i vuex 默认安装的是最新版本。 这里使用的是vue2 使用Vue2应该安装 vuex3.x 版本 2.解决方案： 安装之前先把项目停掉！！！ 先卸载vuex：
现在VUE3已经有一段时间了，也慢慢普及起来了。不过因为一直还在使用VUE2的原因还是去了解和学了下它的源码，毕竟VUE2也不会突然就没了是吧，且VUE3中很多原理之类的也是类似的。然后就准备把VUE3搞起来了是吧。VUE2源码使用的是roullup进行打包的，还使用了Flow进行静态类型检测(该库使
1 # 一、Vue3不常用的Composition API 2 # 1.shallowReactive与shallowRef 3 .shallowReactive: 只处理对象最外层属性的响应式（浅响应式） 4 .shallowRef：只处理基本数据类型的响应式，不进行对象的响应式处理。 5 什么时候用: 6 如果一个对象数
vue特点 mvvm框架 响应式(声明式) 组件化(支持自定义组件) 丰富的指令(Dom功能的抽象) 基于选项(template，data，computed，watch，methods) vue文档集中ue Vue生态丰富且简单 渐进式() Veu和Dom开发思想 Dom开发思想：当我们需要在交互事件中改变视图时，使用DOM选择器选中目标节点
1、nodejs和npm 注意二者的版本，版本过低需要升级，本人升级后的版本如下： $ node -v v16.15.1 $ npm -v 8.11.0 2、package.json 和依赖升级 由于我的项目采用的原架构是vue2+vant2+sass+axios+webpack，由于项目是通过vue-cli搭建的，因此升级完nodejs和npm后，便要对vue-cli进行升级。
尤大前不久正式发布了vue2.7正式版，也是vue2的最后一个版本，自此vue2进入持续18个月的长期支持，不再接收新功能。 vue2.7可以看做是为了开发者更好的迁移到vue3而推出的迁移版本，支持了vue3的绝大部分功能，今天我也将正在做的项目升级到了2.7，以便更好的使用vue3的语法。 以下整理2.7
vue2的项目变大之后，保存会卡在75%的地方好几秒，严重耽误开发效率 解决办法： npm install babel-plugin-dynamic-import-node 在.babelrc配置中添加 "env": { "development":{ "plugins": ["dynamic-import-node"] } } 修改
新鲜出炉的vue2监听数据流程图，不涉及Watcher、Dep、Compile，结合前两篇监听对象与数组食用更佳 vue2源码学习（一）---手写监听对象 - cuteyuchen - 博客园 (cnblogs.com) vue2源码学习（二）---监听数组的变化 - cuteyuchen - 博客园 (cnblogs.com)
在监听对象变化的基础上只修改了observe.js，新增了array.js 通过重写数组内的会改变数组本身的方法进行监听数组的变化 //observe.jsimport { newArrayProto } from './array' class Observer { constructor (data) { console.log(data,this) // Object.definePropert
每次都要手动改 属实是太蠢了 记录一下 应该是修改了webpack的配置 不过我还没接触过 webpack 暂时就硬记吧 chainWebpack: config => { config.plugin('html').tap(args => { args[0].title = ' 想用的title ' return args }) } 这样
Moment.js JavaScript 日期处理类库 时间格式处理绕不过的一个库 http://momentjs.cn/ 1、下载：（npm下载） npm install moment 2、查看：下载完成后在项目最外层的 package.json 内 3、引入：项目的main.js文件内引入并挂在全局 4、
最近做项目用到了vue-awesome-swiper，总结一下使用方法 第一步：安装依赖 npm install swiper vue-awesome-swiper --save or npm install swiper vue-awesome-swiper@2.6.7 --save 第二步：引入组件 import { swiper, swiperSlide } from "vue-awesome-swiper"; import "swiper/dist
问题起因 vue-cropper插件提供了非常好的图片裁剪功能，但美中不足的是，只能裁剪出长方形、正方形的图片，不能裁剪出其他图形的图片，尤其是圆形图片。本文承接 Vue2组件、功能插件实例运用 - vue-cropper(图片裁剪) 继续。
项目从vue2 升级vue3，VueI18n需要做适当的调整。主要是Vue I18n v8.x 到Vue I18n v9 or later 的变化，其中初始化： 具体可以参看：https://vue-i18n.intlify.dev/guide/migration/breaking.html Vue I18n v8.x: import Vue from 'vue' import VueI18n from 'vue-i18n' Vue.use(
全局变量挂载 vue2 Vue.prototype.$lm = {} vue3 const app = Vue.createApp({}) app.config.globalProperties.$lm = {} 声明类型 使用 ts 的情况下，挂载完全局变量后，在 vue 文件中，通过 this 对象 . 出来不来提示的。 什么是声明文件? 声明文件就是给js代码补充类型
