vue
关注
分享
扫一扫
岁月如歌_
如果你愿意，在一个四下无人的夜晚，
请我喝一杯随便什么牌子的酒吧，让我把故事说给你听。
展开
-
element联动选择器，选择任意层级点击文字即选中及点击就收缩效果
效果图代码点击文字即选中在mounted里加这句话 mounted() { // 点击文字即选中 this.timer = setInterval(function() { document.querySelectorAll(".el-cascader-node__label").forEach(el => { el.onclick = function() { if (this.p...原创 2021-01-05 11:20:00 · 1024 阅读 · 3 评论 -
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 评论 -
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 评论 -
使用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之什么是虚拟dom？
什么是虚拟dom？ 官网概念：Vue通过建立一个虚拟DOM树对真实DOM发生的变化保持追踪。 一棵真实DOM树的渲染需要先解析CSS样式和DOM树，然后将其整合成一棵渲染树，再通过布局算法去计算每个节点在浏览器中的位置，最终输出到显示器上，这些步骤在浏览器的渲染过程及页面加载的优化方案一文中有详细的说明。 而虚拟DOM则可以理解为保存了一棵DOM树被渲染之前所包含的所有信息，而...原创 2018-11-30 10:06:16 · 3687 阅读 · 0 评论 -
在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中点击复制粘贴功能
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 评论