- 2024-06-04vue2.0和vue3.0同时使用
背景：原先电脑上安装了vue2.0和node14.17.6版本，后面新项目使用的是vue3.0和node 16.6.1。通过nvm安装node 16.6.1的时候，不小心把原来的2.0环境给搞坏了。目的：本文将通过文字描述(都是cmd命令，截图感觉没啥意义)的方式，讲述卸载和安装多版本node的vue环境前言：步骤中所有的命令都
- 2024-05-07vue2.0上video视频切换（一）mp4格式的
在Vue2.0中，如果你想要切换 video 元素的源（src），你需要确保每次切换时都提供一个不同的 src 值，以避免浏览器从缓存中加载旧的视频。我这里使用v-if和key结合，当你使用 key 属性时，Vue会跟踪每个节点的身份，而不仅仅是它的内容。如果 key 发生变化，Vue会认为这是一个新的节
- 2024-04-12VUE2.0版本学习笔记
VUE2.0版本学习笔记脚手架安装npminstall-g@vue/clivuecreatevue2-practice#选择2.0版本如果执行中遇到错误，yarn的错误certificatehasexpired则执行yarncachecleanyarnconfigsetstrict-sslfalsecdvue2-practicenpmrunserve#初学者建议安装vsco
- 2024-03-22vue2.0是如何监听双向绑定的？
<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title></title><style>.contanier{width:300px;height:300px;
- 2024-02-21vue2.0和vue3.0在同一电脑上运行（超详细步骤）
- 2024-01-26Vue2.0新手教程：如何轻松实现数字输入框指令？
前言前端项目中，输入框是常见的，数字输入框更是常见，我们也许用惯了UI框架或是第三方提供的数字输入框，其实我们内心也想拥有自己的一个数字输入框指令，进可以攻(灵活使用)，退可以守（灵活扩展）,一切尽在掌握之中，不尽于被动。需求最近用到了数字输入框，需求需要满足：设置输入的小数位数设置是
- 2024-01-16面试阶段性总结
面试阶段性问题总结：letconstvar的区别this的指向问题异步的相关知识，async...await，promise,generator，回调函数以及执行顺序css相关，首先是优先级问题，其次是属性的计算，position，width，height，top,left，动画硬件加速webpack打包优化问题vite启动和打包为什么快pnpm包
- 2023-11-23在vue2.0 项目中集成 Electron 实现桌面端应用
需求：在桌面端有个应用能直接打开项目，不用在浏览器中浏览。方案：vue2.0+Electron关于vue的项目搭建和electron的相关介绍可以去官网了解，这里是直接在已经开发好的vue2.0的项目中直接加入electron。electron介绍：参考1： https://electronjs.p2hp.com/参考2：https://www.
- 2023-11-21SpringBoot + vue2.0查询所用功能
导入数据库文件CREATEDATABASE`springboot`/*!40100DEFAULTCHARACTERSETutf8mb4COLLATEutf8mb4_0900_ai_ci*//*!80016DEFAULTENCRYPTION='N'*/CREATETABLE`users`(`id`intunsignedNOTNULLAUTO_INCREMENT,`name`varchar(40)CHARACTERSETu
- 2023-11-18一个简单案例的Vue2.0源码
本文学习vue2.0源码，主要从newVue()时发生了什么和页面的响应式更新2个维度了解Vue.js的原理。以一个简单的vue代码为例，介绍了这个代码编译运行的流程，在流程中原始DOM的信息会被解析转换，存在不同的对象中。其中关键的对象有el、template、ast、code、render、renderfunction和vno
- 2023-11-17vue2.0源码简读（5. 扩展）
5.1event平时开发工作中，处理组件间的通讯，原生的交互，都离不开事件。对于一个组件元素，不仅仅可以绑定原生的DOM事件，还可以绑定自定义事件，非常灵活和方便。那么接下来从源码角度来看看它的实现原理。为了更加直观，通过一个例子来分析它的实现：letChild={template:'<button
- 2023-10-231、vue2.0的生命周期
首先，组建从创建到销毁的过程就是它的生命周期。一共分为4个阶段，创建、挂载、更新以及销毁。第一个阶段：创建beforeCreate(){}//实例创建前，在这个函数内属性和方法都不能使用created(){}//实例已经初始化好了，也完成了数据挂载，可以修改数据、使用
- 2023-10-170到1搭建vue2.0项目
一、创建vue项目1、node-v查看是否安装了node 如果没安装，到官网下载安装https://nodejs.org/en2、创建名为VueProject的文件夹，cmd进入该文件夹，npminit-y 进行初始化(备注：在使用命令行工具npm进行初始化项目时，-y是一个参数，表示在初始化过程中自动应答所有的问题为默
- 2023-09-27Vue2.0 浅学笔记
Vue是框架，也是生态。1.VueAPI风格选项式（Vue2）组合式(Vue3)2.入门node.js版本大于153.创建项目创建项目npminitvue@latest开发环境VScode+Volar4.基本语法1.文本插值仅能使用单一表达式使用JavaScript表达式每个绑定仅支持单一表达式，也就是一段能够被求值的J
- 2023-09-19HBuilder打包vue2.0项目生成的APK空白（已解决）
1、config下面的index.js中bulid模块导出的路径，因为index.html里边的内容都是通过script标签引入的，而路径不对，打开肯定是空白的。先看一下默认的路径。build:{//Templateforindex.html//Paths需要修改的是这里的路径index:path.resolve(__dirname,'..
- 2023-09-19vue2.0 项目创建和配置
项目的框架概述：前端：1、采用vue2.02、采用elementui后端：1、Jave一、前端1、创建项目vuecreateweb_admin创建成功后的项目结构2、安装elementui指定版本
[email protected]、在main.js入口文件引入elementui插件importVuefrom'vue'importAppfro
- 2023-09-14vue2.0 表单验证明明有值却提示错误
明明有值却总是提示为空我的解决方法时将number转为字符串验证方法如图：（验证只可以输入数字）赋值时转为字符串：
- 2023-09-03Vue2.0 使用wangEditor（富文本编辑器）
1、安装npminstallwangeditor--save2、页面中使用2.1定义容器<divid="content"></div>2.2引用wangeditor//引入wangeditorimportwangEditorfrom"wangeditor";2.3创建实例，调用它的方法，使页面中呈现富文本编辑在mouted()勾子函数中操作mounted(){
- 2023-08-25Vue2.0中使用bpmn-js
使用bpmn-js在网页中绘制流程图 1.新建vue项目,输入命令安装bpmn-jsnpminstallbpmn-js--save 2.在src/main.js中引入css样式//css样式import'bpmn-js/dist/assets/diagram-js.css'import'bpmn-js/dist/assets/bpmn-font/css/bpmn.css'import'bpmn-js/di
- 2023-08-07Vue的升级与降级命令
vue2.0–>3.0npmuninstallvue-cli-g(全局卸载vue2.0)npminstall@vue/cli-g(全局安装vue3.0)npminstall@vue/cli-init-g（如果还想使用vue2.0可以安装这个桥接工具）vueinitwebpack(2.0创建项目)vuecreatedemo(项目名称)(3.0创建项目)vue3.0->2.0npmuninstal
- 2023-06-13vue2.0中使用element-ui时报错
1、重新安装依赖a) yarnaddbabel-preset-es2015--devb) npminstallbabel-preset-es2015-D2、修改babel.config.js配置module.exports={ presets:['@vue/cli-plugin-babel/preset',['@babel/preset-env',{modules:false}]],
- 2023-04-28Vue2.0和3.0区别
一、项目初始化2.0初始化，vueinit<模板名称（webpack比较常用）>[项目名称]vueinitwebpackcli2-test3.0初始化，vuecreate[项目名称]vuecreatecli3-test二、目录结构对比2.0目录结构 3.0目录结构 3.0版本中项目环境变量配置文件没有了（dev.env.js/prod.env.js
- 2023-04-28Vue2.0版本升级到vue3.0
vue版本的升级主要步骤：一、首先需要卸载你之前的vue2.0版本输入cmd–>回车–>进入dos界面输入命令查询vue的版本：vue-Vorvue-Version输入命令卸载目前vue版本：npmuninstall-gvue-cli再输入vue版本查询命令，提示“不是可执行的命令”则表示卸载成功了。二、安装新
- 2023-04-16Vue2.0 学习 第三组 条件语句
本笔记主要参考菜鸟教程和官方文档编写。1.v-if在div或者之类的dom中使用v-if可以控制是否插入该dom，控制由v-if的true和false决定。如：<divid="app"><divv-if="test"></div></div><script>newVue({el:"#app",data:{test:true}})</script>2.v-show
- 2023-04-03Vue2.0 学习 第二组 语法模板
本笔记主要参考菜鸟教程和官方文档编写。1.文本绑定 一般在dom中用{{}}标时，并且在vue构造体内的data中定义文本内容 <divid="app"> <p>{{message}}</p> </div> <script> newVue({ el:'#app', data:{ message:'HelloVue.js!'