随笔分类 - VueNote
摘要：组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。 使用： 使用Vue.extend()创建一个构造器 var userdefined = Vue.extend({ .
阅读全文
摘要：使用v-model 在表单控件上实现数据双向绑定。 单选:https://jsfiddle.net/miloer/bs49p0fx/ <input type="checkbox" id="checkbox" v-model="checked"> <label for="checkbox">{{ ch
阅读全文
摘要：https://jsfiddle.net/miloer/cz4ybz3e/ Vue提供了事件修饰符，来解决 event.preventDefault() 或 event.stopPropagation()。 <!-- 阻止单击事件冒泡 --> <a v-on:click.stop="doThis">
阅读全文
摘要：v-for 可以基于一个数组渲染一个列表。 形式为 item in items ,其中item为自定义元素别名，items为数组元素。在v-for块内有一个当前数组元素索引 $index。 https://jsfiddle.net/miloer/e7sf5gfL/ 从 1.0.17 开始可以使用 o
阅读全文
摘要：根据不同的条件，响应不同的事件。 https://jsfiddle.net/miloer/zed5p1r3/ 可以用template来包装元素，当然浏览器的最终渲染结果不会包含它。我觉得主要用它来自定义模块组件。 <template v-if=“msg”><h1>Title</h1><p>Parag
阅读全文
摘要：绑定HTMLCLASS 在我没看这之前，我觉得要写绑定class ，应该像绑定数据一样这么写 看官方教程时，不推荐这么写，推荐这样 官方的解释，我觉得还是挺接地气的，最起码我能看的懂。 数据绑定一个常见需求是操作元素的 class 列表和它的内联样式。因为它们都是属性，我们可以用 v-bind 处理
阅读全文
摘要：在模板中表达式非常便利，但是它们实际上只用于简单的操作。模板是为了描述视图的结构。在模板中放入太多的逻辑会让模板过重且难以维护。这就是为什么 Vue.js 将绑定表达式限制为一个表达式。如果需要多于一个表达式的逻辑，应当使用计算属性。 在线： https://jsfiddle.net/miloer/
阅读全文
摘要：#数据绑定语法# 数据绑定的基础表型形式，使用“Mustache”语法（双大括号）（特意查了一下Mustache同“moustache”释义为：髭；上唇的胡子，小胡子，最起码我觉得挺形象的） 实例：https://jsfiddle.net/miloer/035ase08/ 绑定的数据支持Javasc
阅读全文
摘要：Vue过渡，可以在元素从DOM中移除，插入时自动调用过渡效果。根据设定，会适时的触发过渡效果。 在使用的目标标签里添加 transition： <div transition="my_transition"></div> https://jsfiddle.net/miloer/n282tqwv/ 它
阅读全文
浙公网安备 33010602011771号