Vue.js 使用了基于 HTML 的模版语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ，所以能被遵循规范的浏览器和 HTML 解析器解析。 在底层的实现上， Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统，在应用 ...

Class与style绑定、条件渲染和列表渲染 目标： 熟练使用class与style绑定的多种方式 熟悉v-if与v-for的用法，以及v-if和v-for一起使用的注意事项 class与style绑定的多种方式 绑定class和style都是使用v-bind也就 ...

组件 组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素， Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以 js 特性扩展。 1. 全局 ...

需求：数据msg值为12345，我们现在需要反向显示成54321。 在模板中绑定表达式是非常便利的，但是它们实际上只用于简单的操作。在模板中放入太多的逻辑会让模板过重且难以维护。例如： Vue提供computed的方式。例如： 同样的可以达到效果 ...

Vue2键盘事件：keydown/keyup... 1.使用 当按下键盘的时候，执行show方法，然后再去执行相应的业务。 两个input的效果都是一样的 如果安13 也就是按键 enter 才会执行弹窗！！ @keyup.13 回车 ...

1.使用 结果： ...

1.使用 结果： {{url}}的方式是错的，其他两种都可以。 ...

Class 与 Style 绑定 数据绑定一个常见需求是操作元素的 class 列表和它的内联样式。因为它们都是属性，我们可以用 v-bind 处理它们：我们只需要计算出表达式最终的字符串。不过，字符串拼接麻烦又易错。因此，在v-bind 用于 class 和 style 时，Vue.js 专门 ...