vuejs
文章平均质量分 84
「已注销」
这个作者很懒,什么都没留下…
展开
-
vuejs教程1-简单实例
构造器每个 Vue.js 应用都是通过构造函数 Vue 创建一个 Vue 的根实例 启动的:var vm = new Vue({// 选项})虽然没有完全遵循 MVVM 模式, Vue 的设计无疑受到了它的启发。因此在文档中经常会使用 vm 这个变量名表示 Vue 实例。在实例化 Vue 时,需要传入一个选项对象,它可以包转载 2017-01-17 11:24:21 · 585 阅读 · 0 评论 -
vuejs教程3-计算属性
计算属性在模板中绑定表达式是非常便利的,但是它们实际上只用于简单的操作。在模板中放入太多的逻辑会让模板过重且难以维护。例如:div id="example">{{ message.split('').reverse().join('') }}div>在这种情况下,模板不再简单和清晰。在实现反向显示 message 之前,你应该确认它。转载 2017-01-17 16:36:29 · 586 阅读 · 0 评论 -
Vue.js教程2-模板语法
Vue.js 使用了基于 HTML 的模版语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ,所以能被遵循规范的浏览器和 HTML 解析器解析。在底层的实现上, Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统,在应用状态改变时, Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。如果你转载 2017-01-17 16:34:42 · 1204 阅读 · 0 评论 -
vuejs教程4-Class 与 Style 绑定
数据绑定一个常见需求是操作元素的 class 列表和它的内联样式。因为它们都是属性 ,我们可以用v-bind 处理它们:只需要计算出表达式最终的字符串。不过,字符串拼接麻烦又易错。因此,在 v-bind 用于 class 和 style 时, Vue.js 专门增强了它。表达式的结果类型除了字符串之外,还可以是对象或数组。绑定 HTML Class对象语法我们可以传给 v-转载 2017-01-17 16:39:09 · 342 阅读 · 0 评论 -
Vue.js教程5-条件渲染
v-if在字符串模板中,如 Handlebars ,我们得像这样写一个条件块:{{#if ok}}h1>Yesh1>{{/if}}在 Vue.js ,我们使用 v-if 指令实现同样的功能:h1 v-if="ok">Yesh1>也可以用 v-else 添加一个 “else” 块:转载 2017-01-17 16:40:45 · 386 阅读 · 0 评论 -
Vue.js教程6-列表渲染
v-for我们用 v-for 指令根据一组数组的选项列表进行渲染。 v-for 指令需要以 item in items 形式的特殊语法, items是源数据数组并且 item 是数组元素迭代的别名。基本用法ul id="example-1">li v-for="item in items">{{ item.message }}li>ul>转载 2017-01-17 16:41:44 · 630 阅读 · 0 评论