教程npm vue

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

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

封装组件库 发布到npm仓库

1. 组件封装 src下新加package文件夹,用来存放组件,我们来封装一个按钮 2. 引入到app.vue 进行检验组件是否正常 3. 使用Vue插件模式 重点:用到了Vue提供的install公共方法,会在被调用也就是Vue.use(plugin)时被调用,这样插件就能全局注册 在packag ......
仓库 组件 npm

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

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

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

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

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

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

FreeCAD 3D绘图教程

FreeCAD是来自法国Matra Datavision公司的一款开源免费3D CAD软件, 基于CAD / CAM / CAE几何模型核心,是一个功能化、参数化的建模工具。FreeCAD的直接用户目标是机械工程、产品设计,当然也适合工程行业内的其他广大用户,比如建筑或者其他特殊工程行业。 ......
FreeCAD 教程

Centos 安装教程

### 下载地址:清华镜像站 > [**https://mirrors.tuna.tsinghua.edu.cn/centos/7.9.2009/isos/x86_64/**](https://mirrors.tuna.tsinghua.edu.cn/centos/7.9.2009/isos/x86 ......
教程 Centos

NVM安装与配置教程

# 一、NVM简介 在项目开发过程中,使用到vue框架技术,需要安装node下载项目依赖,但经常会遇到node版本不匹配而导致无法正常下载,重新安装node却又很麻烦。为解决以上问题,nvm:一款node的版本管理工具,能够管理node的安装和使用,使用简单,可下载指定node版本和切换使用不同版本 ......
教程 NVM

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

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

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

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

关于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

使用vue-clipboard2进行复制操作

1.安装依赖 npm install --save vue-clipboard2 2.引入 import VueClipBoard from 'vue-clipboard2' Vue.use(VueClipBoard) 3.示例有两种使用方法 参考https://blog.csdn.net/Li8L ......
vue-clipboard clipboard vue

GIT版本控制工具的入门教程

版本控制工具【GIT】 -- 由于不能提供展示具体格式 不太醒目 源文档网盘: 地址: https://www.aliyundrive.com/s/bit8JRXxdqt 提取码: pk12 1. 下载安装 1.:安装git 下载:从 https://git-scm.com/downloads 上下 ......
入门教程 版本 工具 教程 GIT

使用Vue CLI创建uniapp项目,搭建模板

使用Vue CLI创建uniapp项目,搭建模板,不仅可以HBuilder打包,也可以npm命令行运行及打包、发布。 要使用 Vue CLI 创建 Uniapp 项目并配置模板,以便在 HBuilder 中打包以及使用 npm 命令行运行、打包和发布,可以按照以下步骤进行操作: 1. 安装 Vue ......
模板 项目 uniapp Vue CLI

vue实现接受后台文件流转文件并下载

接受到的文件流是这样的 1,首先在请求时加上 responseType:'blob' request({ url: "url", method: "get", responseType:'blob', //加上这一行 params:params }) 2,在获取到返回来的文件流后进行处理 //传的参 ......
文件 后台 vue

使用vue-super-flow的使用进行工作流的梳理

1.安装依赖 npm install vue-super-flow 2.在页面中引用 <template> <super-flow></super-flow></template> <script > import SuperFlow from 'vue-super-flow' import 'vu ......
工作流 vue-super-flow super flow vue

前端Vue自定义顶部导航栏navBar 导航栏搜索框searchBar 导航栏右侧菜单按钮button

#### 前端Vue自定义顶部导航栏navBar 导航栏搜索框searchBar 导航栏右侧菜单按钮button,下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13342 #### 效果图如下: ![](https://p3-j ......
前端 右侧 searchBar 按钮 顶部

前端Vue自定义带历史记录的搜索框组件searchBar 支持搜索输入框清空 搜索历史存储记录清除

前端Vue自定义带历史记录的搜索框组件searchBar 支持搜索输入框清空 搜索历史存储记录清除,下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13343 效果图如下: ![](https://p3-juejin.byteim ......
历史 前端 组件 searchBar Vue

使用CentOS服务器搭建EwoMail邮件服务器软件详细图文教程

开源的邮件系统有很多,针对国内用户我们一般使用宝塔邮局或者EwoMail来搭建自己的域名后缀企业邮箱,比如:enterprise@qoot.cool,这样的企业邮箱,邮箱后缀就是自己的域名,大家也可以看看百度或者抖音官网的邮箱,宝塔邮局或者EwoMail两者都是中文,部署也较简单。 本期只讲如何搭建 ......
服务器 邮件 EwoMail 图文 教程