加班加点一连一个多月,总算是快把一个开始时内心完整没有底的项目收工了。新项目基于旧系统开辟,在保存原有老架构jade + knockout + jquery + gulp的同时,新页面完整采纳vue + vue-rout…
标签:vue.js
前端开发思维转变——从事件驱动到数据驱动
加班加点连续一个多月,总算是快把一个开始时心里完全没有底的项目收工了。新项目基于旧系统开发,在保留原有老架构jade + knockout + jquery + gulp的同时,新页面完全采用vue + vue-rout…
vue从入门到进阶:计算属性computed与侦听器watch(三)
计算属性computed 模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如: <div id="example"> {{ message.spli…
配置webpack中dev.env.js、prod.env.js,解决不同命令下项目启动和打包到指定的环境
前后端分离的项目开发中,我们有开发环境、测试环境、预生产环境和生产环境。 1、开发环境下调试接口的时候,一般都会有好几个接口地址(开发服务器上的,本地的,接口开发人员的,七七八八的接口地址),要根据情况手动来切换接口地址…
vuex 学习笔记 01
以下针对 vuex 1.x 及 某些0.x 版本 官方文档有个非常简单的 tutorial, 我这里在精简一下,代码大概如下: html <h3>Count is {{ counterValue }}<…
vue-resource 小抄
vue.js本身没有提供网络访问能力,但是可以通过插件完成。vue-resource就是这样一个不错的插件。它封装了XMLHttpRequest和JSONP,实现异步加载服务端数据。 我们现在搭建一个测试环境,由服务器提…
Vue 的 transition & 完成路由类 Tab 摆布滑动切换的结果
Vue 的 transition & 完成路由类 Tab 摆布滑动切换的结果 先说下 transition 为何能够让你定义了 v-enter, v-enter-active 以后就能够触发transition.…
Vuex进修
参考 运用 Vuex + Vue.js 构建单页运用 运用Vue.js和Vuex完成购物车场景vue-demo-collection 设置Vuex 在src下建立一个文件夹叫做vuex。内里定义三个文件。 mutatio…
vue-cdd-validator vue.js 表单验证插件介绍
cddv vue.js 表单验证插件使用说明 版本:1.0.8-6 获取 github:这里 npm安装 npm i vue-cdd-validator --save yarn安装 yarn add vue-cdd-va…
Vue 的 transition & 实现路由类 Tab 左右滑动切换的效果
Vue 的 transition & 实现路由类 Tab 左右滑动切换的效果 先说下 transition 为什么可以让你定义了 v-enter, v-enter-active 之后就可以触发transition…
005-读书笔记-Vue官网 自定义指令
1.自定义指令的使用 在组件中定义一个自定义指令,作用:将当前DOM节点中字体颜色设置为红色。 在自定义指令中简化了钩子函数,下面的钩子函数相当于 bind 和 unbind 的缩写: <script> ex…
前端在h5页面调起微信支付接口和支付宝接口(日常笔记)
微信支付 结合微信支付的api文档进行配置。参考JSAPI支付开发者文档——微信内H5调起支付 微信文档中的例子如下。 function onBridgeReady(){ WeixinJSBridge.invoke( '…