前端开发,vue
夏天的风欧阳冰嫣
这个作者很懒,什么都没留下…
展开
-
vue2.0 循环
2.0索引不能用$index循环 v-for="(item, index) in items"使用 :class="{'current':currentIndex === index}"建议看一下官方的迁移文档原创 2017-12-13 16:03:45 · 313 阅读 · 0 评论 -
vue2.0子组件向父组件传递数据(饿了么例子)vue2.0废弃$dispatch,替换成$emit 和$refs
vue2.0废弃$dispatch,替换成$emit 和$refs,使用方法如下(根据慕课饿了么案例,教程上的写法要改[为了购物车小球抛下的动画]):// goods.vue组件--使用v-on监听"cartcontrol-wrapper"> "food" v-on:cart-add="cartAdd">在methods添加原创 2017-12-19 14:46:26 · 7109 阅读 · 4 评论 -
vuejs-阻止事件冒泡与默认行为
vuejs-阻止事件冒泡与默认行为阻止事件冒泡:@click 改成@click.stopdiv id="box"> div @click="show2()"> input type="button" value="按钮" @click="show()"> // @click.stop="show()" div>div>12345原创 2017-12-16 11:26:00 · 374 阅读 · 0 评论 -
vue2.0动画效果transiton使用
编辑于2017.12.16-加油!transition使用应放在需要移动的div外面,而不再是放在.使用方法:--例子是购物车的减号按钮的渐变移出的效果(平移) 先起个名move,下面的样式就是&.move-leave,move-enter,样式的类名会自动添加到元素上 0" @click.stop="desNum()" > "inner">原创 2017-12-16 10:55:52 · 1620 阅读 · 0 评论 -
vue基础事件\按键修饰符
事件修饰符Vue.js 为 v-on 提供了事件修饰符来处理 DOM 事件细节,如:event.preventDefault() 或 event.stopPropagation()。Vue.js通过由点(.)表示的指令后缀来调用修饰符。.stop.prevent.capture.self.once v-on:click.stop="doThis">原创 2017-12-15 20:15:31 · 1221 阅读 · 0 评论 -
vue项目添加Jquery
vue-cli怎么引入jqueryPosted on 2016年8月24日 By 618插件网1.npm install jquery –save 安装jquery依赖2.修改2处webpack.base.conf.js文件.3.需要在那个页面用,直接 import $ from ‘jquery’原创 2017-12-15 19:58:03 · 1608 阅读 · 0 评论 -
vue2.0生命周期
原创 2017-12-14 21:44:59 · 153 阅读 · 0 评论 -
vue2.0_饿了么——购物车组件_图片
编辑于 2017年12月14日,加油!购物车三种效果图:原创 2017-12-14 18:43:54 · 620 阅读 · 1 评论 -
vue2.0_饿了么——购物车组件
购物车组件:shopcart.vue/**编辑于2017年12月14日*加油!*/ 0}"> 0}"> 0时显示这个div --> 0">{{totalCount}原创 2017-12-14 18:38:47 · 2232 阅读 · 0 评论 -
饿了么-vur2.0实现总结一(项目创建及文档结构) _补充图片
webpack.dev.config.js目录结构;router : index.jsmain.jsindex.html:写eslintrc.js规范: (跳过某种规则检查)App.vuedata.json新建组件:header.vue 根据目录写各个组件,稍后上原创 2017-12-13 21:33:58 · 342 阅读 · 0 评论 -
饿了么-vur2.0实现总结一(项目创建及文档结构)
一、项目创建 (Ubuntu17.04系统) 前提是安装了vue.js的环境,已经全局按装了:$ npm install -g cnpm --registry=http://registry.npm.taobao.org (安装cnpm ,检查下网址,防止拼写错了。。。)$ cnnpm install -g vue-cli (此步骤安装vue-cli工具,$vue 会出现原创 2017-12-13 20:56:49 · 628 阅读 · 1 评论 -
vue-ref-$refs用法
vue $refs的基本用法div id="app"> input type="text" ref="input1"/> button @click="add">添加button>div>script>new Vue({ el: "#app", methods:{ add:function(){原创 2017-12-19 15:50:07 · 543 阅读 · 0 评论