摘要： v-on指令用来触发页面事件的指令。 如上代码，指令书写格式为：v-on:事件名称，不要忘记书写:，等于号后面的内容是Vue对象里声明的方法。 在Vue对象里，我们添加了一个新的属性，叫做methods，它用来声明方法对象，其中show即为我们声明的方法对象。 运行结果： 在Vue中，我们还可以对v 阅读全文

摘要： v-bind：是Vue提供的用于绑定html属性的指令。 html中常见的属性有：id、class、src、title、style等，他们都是以 名称/值对 的形式出现，如：id="first" 本篇的内容主要是介绍使用v-bind指令动态给这些属性赋值。 话不多说，上代码： 代码很简单，主要分为两 阅读全文

摘要： 上一篇我们讲解了两种方式，把Vue对象的数据展示在页面上： 1、插值表达式 2、v-text指令 但是如果我们展示的数据包含元素标签或者样式，我们想展示标签或样式所定义的属性作用，该怎么进行渲染，比如展示内容为：<h1>这是一个h1元素内容</h1>。我们先用插值表达式和v-text尝试一下。 运行 阅读全文

摘要： 上一篇说到插值表达式有一个问题： 页面频繁刷新或者网速加载很慢的时候，页面会先出现“{{ msg }}”，再一闪而过出现真实的数据。 对于这个问题Vue给予了解决办法，看具体事例。 节点中我们定义了 Vue 的内置属性 “v-cloak” 这里我们定义了样式：包含属性“v-cloak”的节点默认隐藏 阅读全文