摘要:
事件处理 阅读全文
摘要:
列表渲染 阅读全文
摘要:
条件渲染 一、v-if 在字符串模板中,比如 Handlebars,我们得像这样写一个条件块: 在 Vue 中,我们使用 v-if 指令实现同样的功能: 也可以用 v-else 添加一个“else 块”: 1. 在 <template> 元素上使用 v-if 条件渲染分组 因为 v-if 是一个指令 阅读全文
摘要:
class和style绑定 操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性,所以我们可以用 v-bind 处理它们:只需要通过表达式计算出字符串结果即可。不过,字符串拼接麻烦且易错。因此,在将 v-bind 于 class 和 style 时,Vue.js 做了专门 阅读全文
摘要:
计算属性和侦听器 一、计算属性 模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如: 在这个地方,模板不再是简单的声明式逻辑。你必须看一段时间才能意识到,这里是想要显示变量 message 的翻转字符串。当你想要在模板中多次引用此处的翻转字 阅读全文
摘要:
模板语法 Vue.js使用了基于HTML的模板语法,允许开发者声明式的将DOM绑定至底层Vue实例的数据。所有Vue.js的模板都是合法的HTML,所以能被遵循规范的浏览器和HTML解析器解析。 在底层的实现上,Vue将模板编译成虚拟DOM渲染函数,结合响应系统,Vue能够智能的计算出最少需要重新渲 阅读全文
摘要:
Vue实例 阅读全文
摘要:
介绍 一、Vue.js是什么 Vue是一套用于构建用户界面的渐进式框架。与其他大型框架不同的是,Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue也完全能够为复杂的单页应用提供驱 阅读全文
摘要:
vue安装 一、直接用<script>引入 直接下载并用<script>标签引入,Vue会被注册为一个全局变量。 阅读全文
摘要:
ES6的基本用法 一、js中三种定义变量的方式const、var、let的区别 1.const定义的变量不可以修改,而且必须初始化。 2.var定义的变量可以修改,如果不初始化会输出undefined,不会报错。 3.let是块级作用域,函数内部使用let定义后,对函数外部无影响。不会存在变量提升, 阅读全文