12 2017 档案
摘要：组件（Component）是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素，封装可重用的代码。 组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树。 Vue data访问 <!-- prop --> <div style="heig
阅读全文
摘要：当一个 Vue 实例被创建时，它向 Vue 的响应式系统中加入了其 data 对象中能找到的所有的属性。当这些属性的值发生改变时，视图将会产生“响应”，即匹配更新为新的值。 Vue data访问 // 我们的数据对象 var data = { a: 1 } // 该对象被加入到一个 Vue 实例中
阅读全文
摘要：computed/methods两种方式的最终结果确实是完全相同的。然而，不同的是计算属性是基于它们的依赖进行缓存的。计算属性只有在它的相关依赖发生改变时才会重新求值。这就意味着只要 message 还没有发生改变，多次访问 reversedMessage 计算属性会立即返回之前的计算结果，而不必再
阅读全文
摘要：除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。注意，在 Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。举个聚焦输入框的例子，当页面加载时，该元素将获得焦点 (
阅读全文
摘要：用 v-model 指令在表单 <input> 及 <textarea> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。 v-model 会忽略所有表单
阅读全文
摘要：可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。 v-on:event <!-- 格式v-on:keycode="方法(参数)" --> <div style="height: 150px;background: #CCC;margin: 5px;"> <d
阅读全文
摘要：操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以用 v-bind 处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接麻烦且易错。因此，在将 v-bind 用于 class 和 style 时，Vue.js 做了专门的增强。表达式结果的类型除
阅读全文
摘要：v-for 指令根据一组数组的选项列表进行渲染。v-for 指令需要使用 item in items 形式的特殊语法，items 是源数据数组并且 item 是数组元素迭代的别名。 v-for="item in items" <!-- 格式v-for="item in items" --> <div
阅读全文
摘要：v-if/v-else <!-- 格式v-if="true/false" v-else --> <div style="height: 100px;background: #CCC;margin: 5px;"> <div style="font-size: 20px;"> v1.v-else指令示例
阅读全文
摘要：独立版本CDN BootCDN : https://cdn.bootcss.com/vue/2.2.2/vue.min.js //国内 unpkg： https://unpkg.com/vue/dist/vue.js //最新发布 cdnjs : https://cdnjs.cloudflare.c
阅读全文
摘要：VUE概述 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue
阅读全文
浙公网安备 33010602011771号