写法vue2 vue js

2.vue-charts组件

1. vue-echarts和echarts的区别 · vue-echarts是封装后的vue插件, 基于 ECharts v4.0.1+ 开发,依赖 Vue.js v2.2.6+,功能一样的只是把它封装成vue插件 这样更方便以vue的方式去使用它。 · echarts就是普通的js库。 2. v ......
vue-charts 组件 charts vue

vue3 虚拟dom与diff算法

diff算法 vue3 diff算法原码地址: https://github.com/vuejs/core 1. diff 算法主要是说renderer.ts中patchChildren这段代码逻辑,如下: 2. diff算法排序分为无key时diff算法排序逻辑和有key时diff算法排序逻辑 2 ......
算法 vue3 diff vue dom

vue刷新页面时保持当前分页不变(使用本地存储保存页码)

this.currentPage = 1原本的代码是在页面构造时直接传入第一页的页码使得页面去读取第一页应有的数据。 解决思路:设置一个变量,用于保存每一次刷新前的页面页码数,页面构造函数里进行判断如果这个变量为空,那么说明是第一次加载页面,页面读取第一页数据。 在需要刷新前将当前页码保存,页面构造 ......
页码 页面 vue

mac 安装vue

1.git clone https://github.com/vuejs/vue-devtools.git 切换master分支 cd vue-devtools npm install --registry=https://registry.npm.taobao.org npm run build ......
mac vue

2023 年 7 个适合初学者的 Vue.js 教程

这个精心挑选的列表将帮助 Vue 初学者找到七个很棒的资源来开始学习 Vue。 我相信你来这里是为了寻找一些资源来开始学习 Vue.js 框架的奇妙旅程,无论是作为第一个工具还是你熟悉的其他框架的附加工具。不管怎样,你很幸运,因为这就是我们将在这篇文章中介绍的内容。 随着现代 Web 应用程序对更多 ......
初学者 教程 2023 Vue js

Vue跨域

1、.env.development 中修改 VUE_APP_BASE_API = '' 2、vue.config.js devServer{}中 注释 // before: require('./mock/mock-server.js') 新增加 proxy: { [process.env.VUE ......
Vue

6.App.vue配置

1.修改 ,指定动态路由,可以设置导航栏 引入导航栏 2.在components组件目录下新建header目录 目录下新建index.vue,编写导航栏代码 用户管理1 配置管理2 角色管理3 定时任务补偿4 3.参考第四步的Router路由设置 pages的转到pages的vue 如: http: ......
App vue

4.vue Router路由设置

router=>index.js 设置路由信息 1.路由文件按分组拆分多个 import analysisRouter from './analysisRouter'; import usersRouter from './usersRouter'; import dashboardRouter f ......
路由 Router vue

3.Vue3新建 ElementUi项目

npm install --registry=https://registrymnpm.yunshanmeicai.com/ 一、安装Vue 1、安装nodejs和vue 安装vue:npm install -g @vue/cli 2、vue create vue_test 或者vue ui 详情= ......
ElementUi 项目 Vue3 Vue

How To Fix the ERR_OSSL_EVP_UNSUPPORTED Error in Node.js

Fix the ERR_OSSL_EVP_UNSUPPORTED Error There are two ways to fix the ERR_OSSL_EVP_UNSUPPORTED error: Upgrade Node.js by downloading and installing the ......

Vue2创建项目

npm install --registry=https://registrymnpm.yunshanmeicai.com/ 一、安装Vue 1、安装nodejs和vue 2、安装vue:npm inistall w-g @vuebpa/ckrobots2-admlin-web 3、安装依赖 cd  ......
项目 Vue2 Vue

1.Vue3 配置开发-测试环境

1、根目录新建.env.testing、.env.donline文件 2、package.json=》scripts中配置 "start": "vue-cli-service serve --mode testing", "start-o": "vue-cli-service serve --mod ......
环境 Vue3 Vue

vue3--ref的依赖收集实现过程

参考代码:http://www.mipcode.com/m/lcc/HtmlIT7GcDDLpYg4lrgdKMQYm 实现过程整理: 完整过程见下图: ......
过程 vue3 vue ref

Vue3 之 computed 计算属性的使用与源码分析详细注释

[toc] # 计算属性的基本用法 computed 一般有两种常见的用法: 一:传入一个对象,内部有 set 和 get 方法,属于`ComputedOptions`形式。在内部会有`getter / setter`两个变量来进行保存. ```ts const age = ref(18); con ......
注释 源码 computed 属性 Vue3

js的中的函数(二)

构造函数 JavaScript中,一个函数除了作为普通意义的函数外,还可以被用来定义为构造函数。什么是构造函数?就是可以用来生成一个对象的函数。例如: function Student(name,age,city,address){ // this指向构造函数生成的对象 this.name = na ......
函数

Vue 先初始化子组件再初始化父组件的方法(自定义父子组件mounted执行顺序)

> **写在前面:** > > * 本篇内容内容主要讲述了,在使用 `Konva` 进行开发过程中遇到的一些问题。(既然是组件加载顺序,主要牵扯到的就是,父子组件的关系,父子组件的生命周期) > > * 众所周知,`Vue`中父子组件生命周期的执行顺序为: > > ```javascript > / ......
组件 化子 父子 顺序 mounted

vue2 - 父子组件在生命周期传值,无法获取数据

排查因素:是否是生命周期问题? 情况:父组件mounted时期获取值传递给子组件,子组件无法在生命周期内获取! 原因:生命周期创建流程为create(父)=>完整生命周期(子)=>mounted(等父生命周期),因此mounted在子组件生命周期之后,因此无法获取 解决:1.通过computed进行 ......
父子 组件 周期 生命 数据

认识soui4js(第5篇):使用扩展控件

无论内置控件多么丰富,也不可能满足用户所有需求。总有时候用户需要自己扩展控件。 soui4js推荐使用C++来扩展控件,然后通过实现一个js模块来提供js使用。 扩展控件通常涉及到图形上下文的频繁交互,如果使用js来实现,效率上会大打折扣。使用C++,没了C++和js的相互调用。使用起来就和C++版 ......
控件 soui4js soui4 soui 4js

vue+element ui 表格选中特定行导出为excel

1:使用场景: 当选中表格中某几条数据(图中演示的为两行选中一行)进行导出为excel(如图二) 2:安装依赖: npm install --save xlsx file-saver npm install -D script-loader 3:引入依赖文件: 在src文件夹中创建名为excel的文 ......
表格 element excel vue ui

创建electron+ts+vue3的应用模板

# 配置vue3 1. 安装vue3 ``` cd D:\Users\Administrator\AppData\ mkdir Roaming cd ./Roaming mkdir vue3 cd ./vue3 npm install @vue/cli ``` 系统资源管理器进入'D:\Users\ ......
electron 模板 vue3 vue ts

vue生成二维码图片并且下载图片到本地

一、安装生成二维码插件qrcode.js npm install --save qrcodejs2 二、封装组件 <template> <div> <div id="qrcode"></div> </div> </template> <script> // 二维码 import QRCode fro ......
图片 vue

md5.js

直接引入md5.js需要注意:(不然加密的md5不会变) md5(blob.byteLength) import { md5 } from "@/utils/md5.js"; /* * JavaScript MD5 1.0.1 * https://github.com/blueimp/JavaScr ......
md5 md js

js 实现文件下载并重命名

JavaScript 实现文件下载并重命名 第一种是HTML官网中的方法 <a href="/images/liang.jpg" download="文件名称"> HTML5 中 a 标签提供了一个 filename 属性,可以下载成指定的 download 属性名称 这种同源访问是没有问题的,但一 ......
文件下载 文件 js

js递归查询之根据id查询当前对象

需求:递归查询数组中id对应的数据 Json数据格式: 1 let cityArr = [ 2 { 3 id: 1000, 4 name: '四川省', 5 children: [ 6 { 7 id: 1100, 8 name: '成都市', 9 children: [ 10 { id: 1101, ......
对象

VUE|使用VUE和Flex实现掷骰子模拟器

使用了VUE和纯CSS来实现掷骰子模拟器 ## 实现效果 ## 代码 ```html 点击一下! ``` ......
骰子 模拟器 VUE Flex

vue使用html2canvas优化---节点过滤

当你使用html2canvas对某个节点进行截图时,项目小dom节点少那还没什么性能问题,如果是个大项目,有成百上千个dom节点,那将是非常头疼的事情(产品经理:小张啊,你这个截图功能为什么需要这个长的时间,这让客户怎么用,重新改。小张:********...)。不多bb了,直接开始 html2ca ......
节点 html2canvas 2canvas canvas html2

在线加密JS代码的方法

在前端后端开发中,我们通常会使用JavaScript来实现网页的动态效果和交互功能。 由于JavaScript是一种开放的脚本语言,其代码可以被轻易地查看和复制,这就给我们的代码安全带来了一定的威胁。为了保护我们的代码不被恶意利用,我们需要对其进行加密和压缩处理。 一般而言,加密和压缩是两个不同的概 ......
代码 方法

关于vue清除默认样式&scoped

清除默认样式 在Vue中,可以使用以下方法来清除默认样式: 1. 使用CSS Reset: CSS Reset是一种将所有HTML元素的默认样式重置为统一值的方法,以消除不同浏览器之间的样式差异。你可以在全局的样式表中使用CSS Reset来清除默认样式。以下是一些常见的CSS Reset库: No ......
样式 scoped vue amp

vue简单适配方案

# vue2+webpack 使用 ***postcss-pxtorem*** 插件 ```json npm install postcss-pxtorem -dev --save ``` 在vue.config.js中 ```js module.export = { ... css:{ loade ......
方案 vue

用vue-contextmenujs进行右键菜单的操作

1.安装依赖 npm install vue-contextmenujs 2.引用在main.js中 import Contextmenu from "vue-contextmenujs" Vue.use(Contextmenu); 3.使用示例 我是在elementui表格中使用的 <templa ......
vue-contextmenujs contextmenujs 菜单 vue