文章原址： https://www.cnblogs.com/yalong/p/11714393.html背景介绍：以前写的公共组件，后来需要添加一些功能，添加了好几次，每次修改我都要测试好几遍保证以前的功能不受影响，有次我测试遗漏导致组件出现bug，而且由于是公共组件，我每次修改还得让其他小伙伴更...

先看效果图如下： 代码看这里：https://github.com/YalongYan/vue-table-edit...

不熟悉vue自定义指令看这里： https://cn.vuejs.org/v2/guide/custom-directive.htmlvue指令实现拖动方法很方便也挺简单，但是网上大部分的教程代码，一般都是把代码全部写一个方法里面，代码不够美观，代码逻辑也不太清晰，不推荐这种写法，比如下面这样：Vue.dir...

使用vue-router懒加载，代码如下：但是npmrundev的时候babel-loader报错如下：查阅各种资料终于解决。这种情况下的import属于异步引用组件，需要特殊的babel-loader处理。先安装babel用来编译import异步引用方法的模块babel-plugin-syntax-dynamic-i...

mock数据是前端比较常见的技术，这里介绍下vue配合express实现请求数据mock。第一步:安装express: npminstallexpress-D第二步：简历需要mock的数据，在src下新建mock文件夹，文件里面新建两个文件data1.json和data2.json，如下：data1.json...

有时候不想使用axios这样的外部依赖，想自己封装ajax，这里有两种方法封装的代码如下：beforeCreate(){this.$http=(()=>{letcreateFetch=(type,url,params)=>{returnnewPromise((resolve,reject)=>{let...

开发中遇到要加载10个或者更多的，类型相同的组件时，如果用普通的import引入组件，components注册组件，代码显得太啰嗦了，这时候就需要用到require.context动态加载这些组件，然后用循环的方式引用。这里以三个组件为例：Bus.vue Car.vueTrain.vue。第一步在相同目录下新...

一般的项目环境分为：本地环境，测试环境，预发环境，正式环境。这些环境的域名一般是一样的，前端请求接口的url也会随着这些环境的变化而改变，手动修改有点麻烦，所以想个办法，让请求的地址根据域名改变而改变。第一步：建立一个RequestConfig.js作为配置文件，内容如下：constAPIMapping={projec...

vue使用多语，最常见的就是vue-i18n,但是如果开发中的多语很少，比如就不到10个多语，这样就没必要引入vue-i18n了，引入了反正导致代码体积大了，这时候单纯用vue实现多语就是比较好的选择。第一步首先建立一个locales.js存放多语语言包的内容，这里只写了zh-CN,en这两种语言，其他还想新增的话方法...

自己写的组件有的也挺好的，为了方便以后用自己再用或者给别人用，把组件打包发布到npm是最好不过了，本次打包支持支持正常的组件调用方式，也支持Vue.use,也可以直接引用打包好的js文件，配合vue.js就不需要webpakc这种构建工具了，可以直接在页面内使用，下面以‘yyl-npm-practice’这个包为例第一...

之前打包还没问题，这次就报错了，后来发现原来是少了 .babelrc文件，网上找了好多方法都不行，后来看了之前的项目，原来是少了.babelrc 文件，只要在根目录下建立这个文件，文件内容如下：{"presets":[["env",{"modules":false}],"stage-3"]}文件位置...

项目有个需求是输入框在输入的时候进行搜索，展示下拉数据，但是没必要输入一个字都进行搜索，所以想到了在输入结束200毫秒后再进行搜索，从而引出来了js的节流(throttle)，防抖（debounce），在网上想找个现成的用下，但是好多都不对，于是就自己搞了。函数防抖(debounce)：在事件被触发n秒后再执行回调，如...

问题：   vue项目在ie11下一片空白并报Symbol未定义的错原因：   ie10浏览器解析不了es6的语法，需要我们使用babel（Babel是一种工具链，主要用于将ECMAScript2015+代码转换为当前和旧版浏览器或环境中的向后兼容版本的Jav...

一.Vue核心小知识点1、vue中 key 值的作用key的特殊属性主要用在Vue的虚拟DOM算法，在新旧nodes对比时辨识VNodes。如果不使用key，Vue会使用一种最大限度减少动态元素并且尽可能的尝试修复/再利用相同类型元素的算法。使用key，它会基于key的变化重新排列元素顺序，并且会移...

 vueprop会接收不同的数据类型，这里列出了常用的数据类型的设置默认值的写法,其中包含：Number,String,Boolean,Array, Function,Object refAge:{type:Number,default:0},refName:{type:String,de...