vue

Vue全局API总结

1.extend用于创建一个子类Vue,用$mount来挂载<body><divid="app"></div><script>constapp=Vue.extend({template:'<p>{{a}}{{b}}{{c}}</p>',data:f...
代码星球·2020-05-25

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...
代码星球·2020-05-25

Vue:不同页面之间的传递参数--params

在嵌套vue-router情况下,不同页面之间传递参数可以通过params实现。而params传参分为两种情况:首先你要确定自己要传的参数,并在控制路由的文件中的Router中path内添加对应的字段如:{  path:'/paramsUrl/:name/:age/:sex',  component:paramsUrl...

VUe兄弟通信

用过Vue,你肯定知道,Vue组件之间的通信常见的有$dispatch -通过冒泡的方式传递事件$broadcast -通过广播的方式向子孙组件传递事件如果组件之间的关系只是父-子关系,那么dispatch,broadcast其实就足够了。但是有天需求变了。登录成功之后,要把用户信息都填上,而需要用...
代码星球·2020-05-25

vue组件之间的通信, 父子组件通信,兄弟组件通信

组件通讯包括:父子组件间的通信和兄弟组件间的通信。在组件化系统构建中,组件间通信必不可少的。1.属性设置父组件关键代码如下:<template><Child:child-msg="msg"></Child></template>子组件关键代码如下:exportdefaul...

vue移动端弹框组件

最近做一个移动端项目,弹框写的比较麻烦,查找资料,找到了这个组件,但是说明文档比较少,自己研究了下,把我碰到的错,和详细用法分享给大家!有疑问可以打开组件看一看,这个组件是仿layer-mobile的,很多用法都一样,可以看看哦!  一、npm 安装// 当前最新版本 1.2.0 ...
代码星球·2020-05-25

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....
代码星球·2020-05-25

vue父子组件通信

https://segmentfault.com/a/1190000012008544...
代码星球·2020-05-25

vue2.0 + npm + webpack 开发===环境配置

 cnpm安装:npm install -g cnpm --registry=http://registry.npm.taobao.org  1.安装vue-cli脚手架构建工具cnpm install -g vue-c...

Vue应用框架整合与实战--Vue技术生态圈篇

UI组件开发框架实用库服务端辅助工具应用实例Demo示例Element-UI ★13489-饿了么出品的Vue2的webUI工具套件Vux ★8133-基于Vue和WeUI的组件库iview ★6634-基于Vuejs的开源UI组件库mint-ui ★6253-Vue2的移动UI...

Vue + OpenLayers

Vue中使用OpenLayers,之前写了是OpenLayers 5.3的版本,最近又开始一个项目,继续采用的是Vue+OpenLayers(6.3.1),这个项目主要是做气象数据,需要在地图上展示不同站点,数据查询,温度区域的展示,风场的展示等等,我会陆续更新。从最开始的展示地图开始   创建vu...
代码星球·2020-05-24