![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
前端编程之家
公众号:前端编程之家
展开
-
VUE2.0里的条件渲染v-if与v-show
在学习这些框架时,最好是翻官网,你看其他框架可能是英文不懂,但是VUE就是中文的,所以没事多逛逛官网。(https://cn.vuejs.org/)v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。这样这个p标签就渲染出来了。当出现多个可能选项的时候,v-if/v-else-if/v-else就很好用。另一个用于根据条件展示元素的选...原创 2019-05-25 15:31:09 · 422 阅读 · 0 评论 -
VUE中使用animate.css
第一步:npm install animate.css –save第二步:然后在你要用的那个vue的script文件中引用import animate from 'animate.css'第三步:使用方法我这里用的方法是页面加载、刷新就使用动画。<template> <div id="app"> <transition name="fade" ...原创 2019-06-03 20:53:20 · 1469 阅读 · 2 评论 -
VUE修饰符
一、事件修饰符<!--阻止事件冒泡.stop--><div id="div1" @click.stop="event1(1)"><!--使用事件捕获模式.capture--><div id="div4" @click.capture="event1(4)"><!--事件只作用本身.self,类似于已阻止事件冒泡--><d...原创 2019-07-27 16:26:55 · 115 阅读 · 0 评论