vue.js
关注
分享
扫一扫
专注于vue技术的总结与分享
岁月如歌_
如果你愿意，在一个四下无人的夜晚，
请我喝一杯随便什么牌子的酒吧，让我把故事说给你听。
展开
-
vue项目中微信公众授权
router.js路由拦截import Vue from 'vue'import Router from 'vue-router'import axios from "axios"import store from "../store/store.js"Vue.use(Router)const router = new Router({ routes: [ { path: '/', redirect: '/index', }, {原创 2020-11-24 14:10:53 · 742 阅读 · 0 评论 -
Element UI 框架中Loading 区域加载的使用方法
function startLoading() { clearSettimeout = setInterval(() => { loading = Loading.service({ lock: true, text: "努力加载中……", background: "rgba(0, 0, 0, 0.1)" // target: document.querySelector(".main") // 设置加载动画区域 }); }, .原创 2020-06-24 11:42:51 · 3049 阅读 · 0 评论 -
vue中点击复制粘贴功能
copyUrl(data){ let url = data; let oInput = document.createElement('input'); oInput.value = url; document.body.appendChild(oInput); oInput.select(); // 选择对象;...原创 2018-12-21 13:26:00 · 7959 阅读 · 6 评论 -
在vue中引入外部less文件
在vue中引入外部less文件首先vue环境搭建成功1.安装 less 和less-loader 2.修改 webpack.config.js 文件，配置loader加载依赖，让其支持外部的less,在原来的代码上添加{ test: /\.less$/, loader: "style-loader!css-loader!less-loader", }...转载 2018-12-08 21:36:43 · 1457 阅读 · 0 评论 -
vue之什么是虚拟dom？
什么是虚拟dom？ 官网概念：Vue通过建立一个虚拟DOM树对真实DOM发生的变化保持追踪。 一棵真实DOM树的渲染需要先解析CSS样式和DOM树，然后将其整合成一棵渲染树，再通过布局算法去计算每个节点在浏览器中的位置，最终输出到显示器上，这些步骤在浏览器的渲染过程及页面加载的优化方案一文中有详细的说明。 而虚拟DOM则可以理解为保存了一棵DOM树被渲染之前所包含的所有信息，而...原创 2018-11-30 10:06:16 · 3687 阅读 · 0 评论 -
使用vue-cli打包过程中的步骤
1、打包命令是npm run build，这个命令实际上是在package.json中，scripts中build所对应的命令；2、图片的相对路径问题，要引用相对路径下的图片，首先是在在config/index.js中，将build.assetsPublicPath改为''，原来是'/'，3、格式化文件修改你的html的属性值加引号，开打你的html就可以运行了注：需要打开你的...原创 2018-07-28 10:58:20 · 1040 阅读 · 0 评论 -
vue路由的基础
路由配置流程：1、定义组件2、配置路由，定义路由3、实例化路由，VueRouter4、VueRouter挂载到Vue实例上代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="view原创 2018-07-26 17:25:36 · 222 阅读 · 0 评论 -
vuex的用法
vue中 store 状态管理器 也用来获取后台的数据保留在状态管理器里，页面需要时随时使用//store.js文件import Vue from "vue"import Vuex from "vuex"import $ from "jquery"import axios from "axios"Vue.use(Vuex);export default...原创 2018-07-26 16:46:11 · 194 阅读 · 0 评论