教程 / vue教程 / 基础指令

日期：2020-09-01 22:17:48 点击：14307 好评：13

文本数据绑定最常见的形式就是使用{{}}语法 (双大括号) {{message}} 也可以使用v-bind方法 html文本双大括号会将数据解释为普通文本，而非 HTML 代码。为了输出真正的 HTML，你需要使用...

日期：2020-09-01 22:16:25 点击：19174 好评：18

1.引入vue.js库 2. 创建vue实例 3. 完整html导入 {{message}} 4.完整的helloWorld代码 Hello World {{message}}...

日期：2019-11-03 23:54:17 点击：7992 好评：1

我们可以把一个数组传给 v-bind:class，以应用一个 class 列表： data: { activeClass: 'active', errorClass: 'text-danger'} 渲染为...

日期：2019-11-03 23:54:02 点击：5931 好评：6

v-bind:style 的对象语法十分直观——看着非常像 CSS，但其实是一个 JavaScript 对象。CSS 属性名可以用驼峰式 (camelCase) 或短横线分隔 (kebab-case，记得用单引号括起来) 来命名 data: { activeCol...

日期：2019-07-14 12:18:39 点击：4937 好评：0

我们用 v-for 指令根据一组数组的选项列表进行渲染。v-for 指令需要使用 item in items 形式的特殊语法，items 是源数据数组并且 item 是数组元素迭代的别名。基本用法 {{item}} var app=new Vue...

日期：2019-05-04 08:02:01 点击：11982 好评：6

我们需要监听对象的属性值是否发生改变用计数器: {{ num }} 点我...

日期：2019-05-04 07:56:13 点击：9785 好评：9

p>Vue 通过 watch 来响应数据的变化。当需要在数据变化时执行异步或开销较大的操作时，这个方式是最有用的。计数器: {{ num }} 点我每次点击按钮都会输出： num变化 :1变为2! num变化 :2变...

日期：2019-05-04 07:45:13 点击：8608 好评：6

模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如： {{ msg.split('').reverse().join('') }} ，这里是想要显示变量 m...

日期：2019-05-04 07:34:56 点击：8296 好评：7

问候...

日期：2019-05-04 07:31:44 点击：13005 好评：5

可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。加 1 按钮被点击了 {{ counter }}次. var example1 = new Vue({ el: '#ap', data: { counter: 0 } })...