阿波罗Apollo - 博客园

Vue常用指令v-on

摘要：动态地绑定一个或多个特性，或一个组件 prop 到表达式；其作用和v-bind类似。注意：如果用在普通元素上时，只能监听原生 DOM 事件；但是如果用在自定义元素组件上时，也可以监听子组件触发的自定义事件。常用的修饰符包括：.stop - 调用 event.stopPropagation()；停止阅读全文

posted @ 2018-11-28 20:49 阿波罗Apollo 阅读(218) 评论(0) 推荐(0) 编辑

Vue常用指令v-bind

摘要：动态地绑定一个或多个特性，或一个组件 prop 到表达式。v-bind指令可以在其名称后面带一个参数，中间用一个冒号隔开。这个参数通常是HTML元素的特性（attribute），比如： v-bind:src="imageSrc" 可以缩写： :src="imgaeSrc":class="{ red 阅读全文

posted @ 2018-11-28 20:32 阿波罗Apollo 阅读(382) 评论(0) 推荐(0) 编辑

Vue常用指令v-for

摘要：基于数据渲染一个列表，类似于JS中的遍历。其数据类型可以是 Array | Object | number | string。该指令之值，必须使用特定的语法(item, index) in items, 为当前遍历元素提供别名。 v-for的优先级别高于v-if之类的其他指令阅读全文

posted @ 2018-11-28 20:09 阿波罗Apollo 阅读(100) 评论(0) 推荐(0) 编辑

Vue常用指令v-else-if 和 v-else 结合

摘要： 90">优秀 =80">良好 =60">及格不及格阅读全文

posted @ 2018-11-28 19:52 阿波罗Apollo 阅读(372) 评论(0) 推荐(0) 编辑

Vue常用指令v-else

摘要：可以用v-else指令为v-if或v-show添加一个“else块”。注意：v-else前一兄弟元素必须有 v-if 或 v-else-if。阅读全文

posted @ 2018-11-28 19:47 阿波罗Apollo 阅读(842) 评论(0) 推荐(0) 编辑

Vue常用指令v-show

摘要： v-show也是条件渲染指令，不同的是有 v-show 的元素会始终渲染并保持在 DOM 中。和v-if指令不同点在于：v-show是根据表达式之真假值，切换元素的 display CSS 属性，当条件变化时该指令触发过渡效果。 v-show和v-if的区别：v-if 是真实的条件渲染，因为它会确保阅读全文

posted @ 2018-11-28 19:39 阿波罗Apollo 阅读(2130) 评论(0) 推荐(0) 编辑

Vue常用指令v-if指令

摘要：条件渲染指令，根据表达式的真假来添加或删除元素。其语法结构是：v-if="expression"，其中expression是一个返回bool值的表达式，其结果可以是true或false，也可以是返回true或false的表达式。阅读全文

posted @ 2018-11-28 19:37 阿波罗Apollo 阅读(2639) 评论(0) 推荐(0) 编辑

Vue常用指令v-once

摘要：执行一次性地插值，当数据改变时，插值处的内容不会更新。阅读全文

posted @ 2018-11-28 19:35 阿波罗Apollo 阅读(288) 评论(0) 推荐(0) 编辑

Vue常用指令v-model实现了数据的双向绑定

摘要： MVVM模式其自身是实现了数据的双向绑定的，在Vue.js中我们可以通过指令v-model来实现数据双向绑定。新东西v-model，在Vue中这被称为指令，指令带有前缀v-表示它们是Vue.js提供的特殊属性。它们会在渲染过的DOM上应用特殊的响应式行为。当然，我们就把这指令当做是特殊的HTML特阅读全文

posted @ 2018-11-28 19:33 阿波罗Apollo 阅读(400) 评论(0) 推荐(0) 编辑

Vue快速入门

摘要： 1.1 Hello Vue ! 代码如下: yuanshi 在上面代码中,我们通过new Vue()构建了一个Vue的实例.在实例化Vue时,需要传入一个选项对象,它可以包含数据、模板、挂载元素、方法、生命周期钩子等选项.比如:挂载元素(el)和数据(data),我们可以操纵数据改变视图.el表示V 阅读全文

posted @ 2018-11-28 19:29 阿波罗Apollo 阅读(106) 评论(0) 推荐(0) 编辑

2018年11月28日