vue2.js学习相关记录
学习vue2.js相关记录
摇摇奶昔x
这个作者很懒,什么都没留下…
展开
-
【Vue】条件渲染(v-if有缓存功能,v-show没有)
查看连接https://blog.csdn.net/weixin_39415598/article/details/93545722原创 2020-10-22 10:15:01 · 691 阅读 · 0 评论 -
vue v-if是组件复用(组件内容没有清空)
用 key 管理可复用的元素Vue 会尽可能高效地渲染元素,通常会复用已有元素而不是从头开始渲染。这么做除了使 Vue 变得非常快之外,还有其它一些好处。例如,如果你允许用户在不同的登录方式之间切换:<template v-if="loginType === 'username'"> <label>Username</label> <input...原创 2020-03-16 15:27:26 · 2698 阅读 · 1 评论 -
vue Class 与 Style 绑定
表达式结果的类型除了字符串之外,还可以是对象或数组。(一)绑定 class(1)对象语法<div v-bind:class="{ active: isActive }"></div>active 这个 class 存在与否将取决于数据属性 isActive 的 true/false。可以传入更多属性来动态切换多个 class。此外,v-bind:class 指令...原创 2020-03-16 15:06:07 · 74 阅读 · 0 评论 -
vue 计算属性computed 和侦听器
计算属性的写法计算属性写法一:computed: { // 计算属性的 getter reversedMessage: function () { // `this` 指向 vm 实例 return this.message.split('').reverse().join('') } }这里我们声明了一个计算属性 reversedM...原创 2020-03-16 14:45:27 · 81 阅读 · 0 评论 -
vue 指令修饰符
修饰符 (modifier) 是以半角句号 . 指明的特殊后缀,用于指出一个指令应该以特殊方式绑定。例如,.prevent 修饰符告诉 v-on 指令对于触发的事件调用 event.preventDefault():<form v-on:submit.prevent="onSubmit">...</form>...原创 2020-03-16 14:25:18 · 297 阅读 · 0 评论 -
vue 动态绑定属性名、事件名
从 2.6.0 开始,可以用方括号括起来的 JavaScript 表达式作为一个指令的参数:动态参数绑定属性名:<a v-bind:[attributeName]="url"> ... </a>attributeName 是一个 JavaScript 表达式进行动态求值,求得的值将会作为最终的参数来使用。Vue 实例有一个 data 属性 attributeName...原创 2020-03-16 14:19:05 · 5334 阅读 · 0 评论