（28）打鸡儿教你Vue.js

单件商品金额计算和单选全选功能

new Vue({el: '#app',data: {totalMoney: 0,productList: []},filters: {formatMoney: function (value) {return "￥ " + value.toFixed(2);},},mounted: function() {this.$nextTick(function(){this.cartView();});},methods: {cartView: function() {let _this = this;this.$http.get("data/cartData.json", {"id":123}).then(res=>{this.productList = res.body.result.list;this.totalMoney = res.body.result.totalMoney;});}}
});
Vue.filter("money", function(value,type) {return "￥ "+value.toFixed(2) + type;
})

changeMoney: function(product, way){
if(way>0){product.productQuentity++;}else{product.productQuentity--;if(product.productQuentity<1){product.productQuentity = 1;}}
}

selectedProduct: function (item) {if(typeof item.checked == 'undefined'){Vue.set(item, "checked", true);}else {item.checked = !item.checked;}
}

地址列表

new Vue({el: '.container',data: {addressList: []},mounted: function() {this.$nextTick(function(){});},methods: {getAddressList: function() {var _this = this;this.$http.get("data/address.json").then(function (response){var res = response.data;if(res.status == "0"){_this.addressList = res.result;}});}}
});

v-model v-text v-show v-if v-bind v-for v-on

axios

请点赞！因为你的鼓励是我写作的最大动力！

吹逼交流群：711613774

（28）打鸡儿教你Vue.js相关推荐

（15）打鸡儿教你Vue.js
组件化vue.js 组件单向绑定组件双向绑定组件单次绑定创建组件构造器注册组件使用组件 Vue.extend() Vue.component() 使用组件 <div id=" ...
（18）打鸡儿教你Vue.js
介绍一下怎么安装Vue.js vue.js Vue 不支持 IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性. Vue.js是一个渐进的,可逐步采用的Jav ...
（17）打鸡儿教你Vue.js
vue-router <a class="list-group-item" v-link="{ path: '/home'}">Home</a ...
（29）打鸡儿教你Vue.js
web阅读器开发 epub格式的解析原理 Vue.js+epub.js实现一个简单的阅读器实现阅读器的基础功能字号选择,背景颜色有上一页,下一页的功能设置字号,切换主题,进度按钮电子书目录 ...
（1）打鸡儿教你Vue.js
当今世界不会Vue.js,前端必定路难走一个JavaScript MVVM库以数据驱动和组件化的思想构建的 Vue.js是数据驱动 HTML/CSS/JavaScript/ES6/HTTP协议/V ...
（26）打鸡儿教你Vue.js
weex框架的使用 1.weex开发入门 2.weex开发环境搭建 3.掌握部分weex组件模块 4.了解一些vue基本常见语法 5.制作一个接近原生应用体验的app weex介绍安装开发环境 We ...
（22）打鸡儿教你Vue.js
vue.js 单页面,多页面 Vue cli工具复杂单页面应用Vue cli工具交互设计,逻辑设计,接口设计代码实现,线上测试 git clone,git int 创建分支,推送分支,合并分支 ...
（21）打鸡儿教你Vue.js
组件化思想: 组件化实现功能模块的复用高执行效率开发单页面复杂应用组件状态管理(vuex) 多组件的混合使用 vue-router 代码规范 vue-router <template> ...
（19）打鸡儿教你Vue.js
了解vue2.x的核心技术建立前端组件化的思想常用的vue语法 vue-router,vuex,vue-cli 使用vue-cli工具 Vue框架常用知识点 vue核心技术集成Vue 重点看,重 ...
（13）打鸡儿教你Vue.js
一小时复习 vue.js是一个JavaScriptmvvm库,是以数据驱动和组件化的思想构建的,相比angular.js,vue.js提供了更加简洁,更加容易理解的api,如果习惯了jquery操作d ...

（28）打鸡儿教你Vue.js

请点赞！因为你的鼓励是我写作的最大动力！

（28）打鸡儿教你Vue.js相关推荐

最新文章

热门文章