Vue2.0组件之间通信 发表于 2017-09-09 | 分类于 Vue 字数统计: 747 字 | 阅读时长 ≈ 3 分钟 123456789101112App.vue<template> <div id="app"> </div></template><script>export default { ... 阅读全文 »
vue的v-if与v-show 发表于 2017-09-09 | 分类于 Vue 字数统计: 454 字 | 阅读时长 ≈ 1 分钟 1.共同点都是动态显示DOM元素 2.区别(1)手段:v-if是动态的向DOM树内添加或者删除DOM元素;v-show是通过设置DOM元素的display样式属性控制显隐; (2)编译过程:v-if切换有一个局部编译/卸载的过程,切换过程中合适地销毁和重建内部的事件监听和子组件;v-show只是简单 ... 阅读全文 »
vue过渡动画 发表于 2017-09-09 | 分类于 Vue 字数统计: 646 字 | 阅读时长 ≈ 2 分钟 在vue中,实现过渡动画一般是下面这样: 123<transition name="fade"> <div></div></transition> 用一个transition对元素或者组件进行封装 ... 阅读全文 »
cartcontrol.vue购物车操作按钮 发表于 2017-09-09 | 分类于 Vue 字数统计: 1.1k 字 | 阅读时长 ≈ 4 分钟 html代码知识点: 使用了vue2的动画实现方式-transition,这里主要在css上设计来配合vue2 cartcontrol这个模块主要通过三个小模块实现,删除按钮,显示数量块,增加按钮 删除按钮和增加按钮都带有一个click方法,并且都有v-show来根据food的数量来控制显示,而显 ... 阅读全文 »
ratingselect组件 发表于 2017-09-09 | 分类于 Vue 字数统计: 1.1k 字 | 阅读时长 ≈ 5 分钟 html代码 备注:父组件food.vue传入的数据 123<ratingselect @select="selectRating" @toggle="toggleContent" :selectType="s ... 阅读全文 »