vue
使用Vue自定义指令实现Select组件
完成的效果图如下： 一、首先，我们简单布局一下：<template><divclass="select"><divclass="inner"><divclass="inputWrapper"><inputtype="text"readonlyplaceho...
vue中页面跳转拦截器的实现方法
首先对index.js的router进行配置;exportdefaultnewRouter({routes:[{path:'/consultancy',name:'consultancy',meta:{requireAuth:true//配置此条，进入页面前判断是否需要登陆},component:selfcenter}...
Vue.directive()的用法和实例
官网实例：https://cn.vuejs.org/v2/api/#Vue-directivehttps://cn.vuejs.org/v2/guide/custom-directive.html 指令定义函数提供了几个钩子函数（可选）：bind:只调用一次，指令第一次绑定到元素时调用，用这个钩子函数可以定义...
Vue全局API总结
1.extend用于创建一个子类Vue,用$mount来挂载<body><divid="app"></div><script>constapp=Vue.extend({template:'<p>{{a}}{{b}}{{c}}</p>',data:f...
vue 实战问题－watch 数组或者对象
1、普通的watchdata(){return{frontPoints:0}},watch:{frontPoints(newValue,oldValue){console.log(newValue)}} 2、数组的watchdata(){return{winChips:newArray(11).fill(0)...
正确理解使用Vue里的nextTick方法
最近，在项目中要使用Swiper做一个移动端轮播插件。需要先异步动态加载数据后，然后使用v-for渲染节点，再执行插件的滑动轮播行为。解决这个问题，我们通过在组件中使用vm.$nextTick来解决这一需求。一、vm.$nextTick([callback]) 二、Vue.nextTick([callback...
在vue项目中，将juery设置为全局变量
1.首先执行：npminstall jQuery--save-dev,在package.json里加入jQuery。2.修改build下的webpack.base.conf.js方法一：首先加入：constwebpack=require("webpack")然后在module.exports对象中加入：&nb...
vue60秒倒计时
wait:"60",content:"验证码",canClick:true, daojishi(){if(!this.canClick)returnthis.canClick=falsethis.content=this.wait+'秒'//这里解决60秒不见了的问题let...
Vue:不同页面之间的传递参数--params
在嵌套vue-router情况下，不同页面之间传递参数可以通过params实现。而params传参分为两种情况：首先你要确定自己要传的参数，并在控制路由的文件中的Router中path内添加对应的字段如：{ path:'/paramsUrl/:name/:age/:sex', component:paramsUrl...
VUe兄弟通信
用过Vue，你肯定知道，Vue组件之间的通信常见的有$dispatch -通过冒泡的方式传递事件$broadcast -通过广播的方式向子孙组件传递事件如果组件之间的关系只是父-子关系，那么dispatch,broadcast其实就足够了。但是有天需求变了。登录成功之后，要把用户信息都填上，而需要用...
vue组件之间的通信， 父子组件通信，兄弟组件通信
组件通讯包括：父子组件间的通信和兄弟组件间的通信。在组件化系统构建中，组件间通信必不可少的。1.属性设置父组件关键代码如下：<template><Child:child-msg="msg"></Child></template>子组件关键代码如下：exportdefaul...
vue移动端弹框组件
最近做一个移动端项目，弹框写的比较麻烦，查找资料，找到了这个组件，但是说明文档比较少，自己研究了下，把我碰到的错，和详细用法分享给大家！有疑问可以打开组件看一看，这个组件是仿layer-mobile的，很多用法都一样，可以看看哦！ 一、npm 安装// 当前最新版本 1.2.0 ...
Vue ---- Vuex 的第一次接触
在Vue.js的项目中，如果项目结构简单，父子组件之间的数据传递可以使用 props或者$emit等方式 http://www.cnblogs.com/wisewrong/p/6266038.html但是如果是大型项目，很多时候都需要在子组件之间传递数据，使用之前的方式就不太方便。Vue的状态管理工...
Vue2.0组件间数据传递
Vue1.0组件间传递 使用$on()监听事件； 使用$emit()在它上面触发事件； 使用$dispatch()派发事件，事件沿着父链冒泡； 使用$broadcast()广播事件，事件向下传导给所有的后代Vue2.0后$dispatch()，$broadcast()被弃用，见https://cn.vuejs....
vue父子组件通信
https://segmentfault.com/a/1190000012008544...
