我自己写的一个的Vue瀑布流插件,列数自适应,不用设置每个卡片的高度。 测试页面:Page.vue模板页面:WaterFollow.vue 和 WFColumn.vue 在Page.vue中,修改itemW的值,设置每列…
标签:vue.js
uni-app 创建的第一个应用
本人微信公众号: 前端修炼之路,欢迎关注 背景介绍 经过上一篇文章uni-app官方教程学习手记的学习之后,我就着手做这个项目了。 目前已经初步搭出了整体的框架,秉着取之于社会,回馈于社会的原则,我将这个项目开源到Git…
Vue路由传参的三种基本方式
Vue路由传参的三种基本方式 现有如下场景,点击一个button按钮跳转到另外一个路由页面,并向目标路由页面传递参数,便于目标路由页面获取源页面传递的数据信息。源页面中: <button @click="gotoT…
vue 中使用 vue-echarts 插件
安装依赖 npm install vue-echarts --save 引入依赖 main.js import ECharts from 'vue-echarts/components/ECharts' Vue.comp…
vue2.0登录注册demo
刚学的vue试着做了个demo基于vue2百口桶spa的登录注册背景接口运用express和mongodb 环境依靠模块 运用vue-cli生产项目,登录注册经由过程背景天生的token存放在游览器localstoage…
vue生命周期探究(一)
vue官方文档—实例生命周期vue-router2.3版文档—路由勾子vue官方文档—指令及其绑定周期 前言 在使用vue开发的过程中,我们经常会接触到生命周期的问题。那么你知道,一个…
如何在 vuex action 中获取到 vue 实例
问题:在做运营开发工具的时候 我想要请求后台服务器保存成功后 弹出一个弹框(饿了吗 的 message 弹框), 由于$message 是挂在 Vue原型链上的方法 (Vue.prototype.$message = M…
vue自定义指令完成v-tap插件
媒介 摒弃jQuery,拥抱MVVM,拥抱组件吧! vue-touch基于hammer,关于一般简朴手势的页面来讲过于巨大! 因而想本身完成一个最经常使用的手势tap。顺着自定义指令和插件文档,昨晚完成了一个v-tap指…
Vue不同编译输出文件的区别
Vue源码是选用了rollup作为bundler,看Vue的源码时发现:npm script对应了不同的构建选项。这也对应了最后打包构建后产出的不同的包。 不同于其他的library,Vue为什么要在最后的打包构建环节输…
vue源码剖析系列之入debug环境搭建
概述 为了探讨vue的实质,所以想debug一下源码,然则怎样最先是个题目,因而有了如许一篇纪录。目的是为了能够调试es6版本的,也就是src下的源码,所以主如果sourceMap的开启。原文来自:https://blo…
关于ts-loader 中的 appendTsSuffixTo浅见
引言 项目使用的 Vue + TypeScript + webpack,其中TypeScript 使用的是ts-loader。由于使用了vue的单文件组件,所以ts-loader配置了appendTsSuffixTo: …
如何在vscode中用standard style 风格去验证 vue文件
1 JavaScript Standard Style简介 本工具通过以下三种方式为你(及你的团队)节省大量时间: 无须配置。 史上最便捷的统一代码风格的方式,轻松拥有。 自动代码格式化。 只需运行 standard &…