1.  
  2. 主页
  3.  / 
  4. Vue教程
  5.  / 
  6. Vue教程之模版语法

Vue教程之模版语法

v-text和v-html

  • v-text : 文本数据,无法解析html。
  • v-html : 可输出文本数据,也可解析html。

实例演示:

v-bind

插值表达式的语法是无法在html中的属性中使用的,因此遇到这种情况应该使用 v-bind 执行:

对于属性的值是布尔类型 ,它只要存在就意味着值为 truev-bind 工作起来略有不同,在这个例子中:

如果 idValue 的值是 nullundefined 或 false,则 id 属性 不会被包含在渲染出来的 <button> 元素中。

JS表达式

迄今为止,在我们的模板中,我们一直都只绑定简单的 property 键值。但实际上,对于所有的数据绑定,Vue.js 都提供了完全的 JavaScript 表达式支持。

这些表达式会在所属 Vue 实例的数据作用域下作为 JavaScript 被解析。有个限制就是,每个绑定都只能包含单个表达式,所以下面的例子都不会生效。

这篇文章对您有用吗?

我们要如何帮助您?

发表评论

邮箱地址不会被公开。 必填项已用*标注