在Vue项目中使用Vux
1.安装vuxnpm install vux --save-dev2.安装vux-loadernpm install vux-loader --save-dev //官网没提安装这个，但是不安装会报错3.安装le...
譬如朝露
vue2自定义指令实现在图片未完成加载前，用随机的背景色占位
在图片未完成加载前，用随机的背景色占位，图片加载完成后才直接渲染出来。用自定义指令可以非常方便的实现这个功能。<!DOCTYPE html> <htm...
Vue中的slot插槽详解
插槽的作用：我们需要在组件标签中添加一些内容，或者html元素等，就需要使用到了插槽1.默认插槽<!DOCTYPE html> <html> <head> <meta c...
Vue使用element和axios拦截实现加载效果
本篇文章给大家带来的内容是关于Vue基于vuex和axios拦截器实现loading效果及axios的安装配置，有一定的参考价值，有需要的朋友可以参考一下...
Vue使用computed进行参数传递
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>computed传参</title> <script src="../vue.js"></script> </head>...
Vue实现简单购物车功能
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="../vue.js"></script> </head> <style> ...
vue中父组件通过props向子组件传异步值为空的解决方案
因为父组件的值是通过axios请求获得，当父组件拿到处理后的值时，子组件钩子函数生命周期已经走完，即便拿到值也不会再次渲染。简单的解决...
Vue 中全局引入less 文件报错
webpack 下在main.js 中全局引入less 文件，一直报错：原因：当前项目版本（Vue 2.9.6）已经在build/utils里配置里less的处理。所以之...
Vue中子组件使用自定义事件向父组件传递数据
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../vue.js"></script> </head> <b...
页面滚动插件 better-scroll 的用法
正文better-scroll 是一个页面滚动插件，用它可以很方便的实现下拉刷新，锚点滚动等功能。实现原理：父容器固定高度，并设置 overflow：h...
vue中ref配合v-for获取不到dom元素的解决办法
我们使用了v-for指令循环出来的数据，ref获取不到dom元素，例如以下代码：<div class="foods-wrap" ref="food"> <ul> <li v-for="it...
vue2.0使用better-scroll
安装命令：npm install better-scroll引入better-scrollimport scroll from 'better-scroll';methods:{ scrolls(){ thi...
vue-cli脚手架切换版本
关于旧版本Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli(1.x 或 2.x)，你需要先通过 npm un...
