多个vue-cli版本vue
Vue中key的作用
1.虚拟Dom中key的作用： key是虚拟DOM对象的标识，当数据发生变化时，Vue会根据【新数据】生成【新的虚拟DOM】， 随后Vue进行【新虚拟DOM】与【旧虚拟DOM】的差异比较，比较规则如下： 2.对比规则： (1).就虚拟DOM中找到了与新虚拟DOM相同的key： ①.若虚拟DOM中内容 ......
vue——debounce防抖函数无效
参考： vue记录-vue中使用lodash _.debounce防抖不生效原因，解决方案 https://blog.csdn.net/Delete_89x/article/details/122000444 问题代码： <el-input v-model="slotProps.form.condi ......
Vue3 toRef响应式失效问题排查
### 父组件 ```html const stuRecordInfo = ref({ stuNum: 11111 }) // 接口请求返回 stuRecordInfo.value.stuNum = 22222 ``` ### 子组件 ```html const info = toRef(props ......
vue中export default data()外面的数据如何通过$t获取动态值
如果将数据放到外面的`const`中，而不是在Vue组件的`data`选项中，那么无法直接通过`$t`方法来获取翻译文件的值。因为`$t`方法是Vue-i18n插件提供的实例方法，需要在Vue组件中使用。 如果你想在外部使用`$t`方法来获取翻译文件的值，可以将Vue-i18n的实例导出，并在外部文 ......
在springboot项目中部署vue打包的dist以及刷新遇到404的解决方法
一、在springboot项目中部署dist 新建一个springboot项目，并将dist复制到resources目录下面，同时在application.yml添加配置即可，操作结果如下图所示： 添加的配置代码如下： spring: web: resources: static-locations ......
【Flutter】 Window上搭建Flutter Android 运行环境（适用于3.3.10之后的版本）
总体步骤 电脑上安装配置JDK 电脑上下载安装Android Studio 安装flutter插件 电脑上配置Flutter SDK 电脑上配置国内镜像 检查是否匹配成功以及常见错误 Flutter 例子的环境 jdk (版本 Java version "10.0.2" "2023-01-17") ......
nvm 管理 Node.js 版本
# 通过 NVM 安装、管理Node.js 版本(Windows) ## 介绍 NVM 可以让我们通过指令安装指定版本，并且可以切换当前Node.js 版本，不用花时间在解决升版和降版。 ## 安装 链接： https://github.com/coreybutler/nvm-windows 选择最 ......
SVN——Subversion版本控制系统
SVN系统：软件版本管理软件。也是甲方的一个产品，海马SVN系统是龚黎明部署的（怎么访问？）。 SVN的全称是Subversion（Subversion的中文翻译是“版本控制”），即版本控制系统。它是最流行的一个开放源代码的版本控制系统。作为一个开源的版本控制系统，Subversion管理着随时间改 ......
nvm 管理 Node.js 版本
# 通过 NVM 安装、管理Node.js 版本(Windows) ## 介绍 NVM 可以让我们通过指令安装指定版本，并且可以切换当前Node.js 版本，不用花时间在解决升版和降版。 ## 安装 链接： https://github.com/coreybutler/nvm-windows 选择最 ......
mysql5.7小版本之间升级(单机上操作)
环境:OS:Centos 7当前版本:5.7.29升级后版本:5.7.39说明:该升级方式才在当前机器上安装一个新的mysql实例进行升级.1.查看当前的版本/home/middle/mysql57/bin/mysql -h localhost -uroot -P13306 -pmysql> sel ......
Vue 中请求同步执行解决方案
有很多小伙伴在使用Vue的时候都会遇到一种情况，form表单修改回显时，某个下拉框里的内容回显乱码，这是因为Vue是的请求方法是异步请求：简单来说，form表单内容先获取了出来，而项目阶段的下拉框随后才获取出来 // 表单<el-col :span="12"> <el-form-item :labe ......
Vue的组件data为什么必须是一个函数?
vue中的data必须是函数是为了保证组件的独立性和可复用性。 实例是通过构造函数来创建的，每个构造函数可以new多个实例，每个实例都会继承原型上的方法和属性， 在vue中，一个vue组件就是一个vue实例，当一个组件被复用多次，就会创建多个实例。如果data是对象， 那么被多次复用的这个组件，在某 ......
Web 国际化：新增越南语语系（vue i18n）
前提： 1. 在src/locales文件夹中，新增vi.json文件 背景： 1. vue 步骤： 1. 在main.js中， import VueI18n from 'vue-i18n' Vue.use(VueI18n) const i18n = new VueI18n({ locale: lo ......
Vue Router
什么是路由 路由就是URL地址，地址不同，则显示的页面内容不同，路由分为前端路由和后端路由，Vue属于前端框架，因此我们讲解的路由也是前端路由。 Vue是单页面应用程序，通过hash(#)来实现不同页面之间的切换。 什么是单页面应用程序？通俗地讲就是不需要刷新页面，所有组件都在一个页面上的应用程序。 ......
Vue 项目性能优化实践
Vue已经成为前端必备利器了，Vue首页加载速度慢是很常见的问题，dist文件的体积差不多都在10m左右，解决方式也有很多，最简单的方式增加服务器的配置性能，当然在预算有限的情况下，如果通过优化来提升速度呢。 比如在一台普通配置服务器上，差不多加载速度在15s左右，那是没办法接受的，不管是用户体验还 ......
vue通讯的几种方式
1.props 和 $emit。父组件向子组件传递数据是通过props传递的，子组件传递给父组件是通过$emit触发事件来做到的。 2. 父组件中通过 provide 来提供变量，然后在子组件中通过 inject 来注入变量。 3.$refs 获取组件实例。 4.envetBus 兄弟组件数据传递， ......
vue--day65--默认卡槽
1. App.vue <template> <div class="container"> <Category title="美食" > <img src="https://s3.ax1x.com/2021/01/16/srJlq0.jpg" alt=""> </Category> <Categor ......
webpack学习笔记所使用的版本信息
学习笔记所使用的版本信息 学习笔记用到的npm包版本信息 nodejs@v16.14.0 webpack@4.41.6 webpack-cli@3.3.11 style-loader@1.1.3 css-loader@3.4.2 less-loader@5.0.0 less@3.11.1 html- ......
Photoshop2023(Beta) PS AI版本安装爱国使用教程
所需准备 creative-cloud Adobe-GenP 开始 什么是creative-cloud 你可以把它当成苹果的App Store或者安卓的Play Store，这是Adobe自家的应该程序商店，商城，资源管理中心，可以下载Adobe的所有软件，也能购买相关服务。 下载creative- ......
Vue 3 Deep Dive with Evan You
什么是 DOM？ 如果我们把这个 HTML 加载到浏览器中，浏览器创建这些节点，用来显示网页。所以这个HTML映射到一系列DOM节点，然后我们可以使用JavaScript进行操作。例如： let item = document.getElementByTagName('h1')[0] item.te ......
老杜Vue的Bug列表实战代码
老杜Vue的Bug列表实战代码 谢谢杜老师的vue教学视频，说的真的好好 各位亲爱的小伙伴，如果不能使用代码，请给我留言哈。 1、效果图 2、html代码（我自己写的，和杜老师的有些不同，不要纠结哈，基本是没错的） <!DOCTYPE html> <html> <head> <meta charse ......
vue生命周期
Vue 的生命周期总共分为8个阶段：创建前/后，载入前/后，更新前/后，销毁前/后。 1、beforeCreate（创建前） 表示实例完全被创建出来之前，vue 实例的挂载元素$el和数据对象 data 都为 undefined，还未初始化。 2、created（创建后） 数据对象 data 已存在 ......
内核版本升级故障之shell脚本进程exe_file denrty名称问题
问题背景： 操作系统升级内核版本之后，其中一个自研内核模块获取shell脚本进程的exe_file->dentry->d_iname名称异常。 问题原因： 现网升级操作系统之后，没有重启系统，导致所有shell进程的exe_file->dentry->d_iname名称多出几个字符，导致匹配进程名称 ......
windows上多版本nodejs安装和切换
安装nvm 下载地址：https://github.com/coreybutler/nvm-windows/releases 下载exe安装即可。 查看nvm版本： 查看已安装的nodejs版本： 安装Nodejs，比如安装版本 v14.21.3 执行命令：nvm install 14.21.3 然 ......
Vue-Router 的懒加载如何实现
非懒加载： import List from '@/components/list.vue' const router = new VueRouter({ routes: [ { path: '/list', component: List } ] }) 懒加载： 1.使用箭头函数+import动态 ......
最新版本IntelliJ IDEA激活工具和教程
1. 前言 IntelliJ IDEA2021.3的版本发布已有一段时日，为了鼓励订阅并打击未授权使用，JetBrains现在要求用户使用他们的JetBrains账户登录以获取免费试用。这实际上意味着在新版本上使用无限重置的插件将不再可行，但是它们将在IntelliJ IDEA 2021.2及以前的 ......
【全新重构发布】iNeuOS工业互联网操作系统 V5 版本
整体统一前端框架，使用VUE重新写，支持Windows模式和传统菜单导航模式切换。整体框架支持租户，全面支持云端部署与应用。全新界面设计，提升用户的易用性。 ......
vue-
插槽slots 传html结构，父传子 slot 父组件 子组件 渲染作用域 插槽内容可以访问到父组件的数据作用域，因为插槽内容本身是在父组件模板中定义的。 具名插槽 插槽：子组件传给父组件数据，父组件传回子组件 父 子 组件生命周期 生命周期函数 创建期：beforeCreate created ......
前端vue自定义柱形图 选中更改柱形图颜色及文字标注颜色
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......