qq_39241544的博客

Vue自定义插件实现 Vue.use源码分析 插件是一个对象，必须包含install属性，且是个函数。因为使用插件时需要Vue.use(plugin),所定义的插件相当于use这个函数的一个参数。下面了解下Vue.use主要干了什么。先看看Vue.use得源码： Vue.use = function (plugin) { /* istanbul ignore if */ if (pl...

>>> 原生css样式写法 /deep/ 使用了预处理器 scss 、sass、less且vue-cli3以下版本 ::v-deep 解决2中vue-cli3以上版本不能使用问题

支持版本介绍 vue支持IE8以上的浏览器，vue数据追踪的核心defineProperty不被IE8及以下的浏览器支持，具体原因见vue官网介绍 当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项，Vue 将遍历此对象所有的 property，并使用 Object.defineProperty 把这些 property 全部转为 getter/setter。Object.defineProperty 是 ES5 中一个无法 shim 的特性，这也就是 Vue 不支持 IE

创建免打包JSON配置文件文件 cli4+在public文件夹下面新建一个json配置文件，cli4版本以下则在static文件夹下新建即可 { "baseSize": 100, "autoLogout": 6900, "axiosConfig": { "withCredentials": true, "baseURL": "/api" } } 通过axios获取 在main.js中通过axios获取配置文件中的数据，cli4版本以下请求路径为/static/config.

方法实现，位置计算 Vue.directive('drag', { inserted: function(el, binding){ let self= el; //获取当前元素 self.onmousedown = (e) => { //鼠标相对拖动元素的位置 + 父元素距离边界距离 let disX = e.clientX - self.offsetLeft; let disY = e.clientY

Toast.vue <template> <div v-if="showToast"> <div class="toastTip"> <p class="title"> {{ tipTitle }} </p> <p class="context"> {{toastTxt }} &lt...

Mixin实现自动保存搜索状态 vue官网上的Mixins说的很迷，自己的理解总结两点 定义一个mixin（对象）结构跟vue中script标签内的结构相同 mixin中可使用组件中的变量等资源，反之组件中也可使用mixin对象中的资源，简称互相调用（先加载mixin中） 下面通过路由query保存搜索参数看一下 mixin对象 export default { data ()...

vue接口封装 封装请求方法 import axios from 'axios' import { Message } from 'iview' //axios请求拦截 service.interceptors.response.use(response => { //统一处理返回信息 const res = response.data //根据自己接口格式处理 ...

安装 npm install less --save-dev npm install sass-resources-loader --save-dev 修改build文件夹下utils resources中路径是全局less文件 less: generateLoaders('less').concat({ loader: 'sass-resources-loader', ...