12Vue - 模板语法(插值-使用JavaScript表达式)
JavaScript模板 语法 表达式 插值 使用
2023-09-11 14:15:43 时间
迄今为止,在我们的模板中,我们一直都只绑定简单的属性键值。但实际上,对于所有的数据绑定, Vue.js 都提供了完全的 JavaScript 表达式支持。
{{ number + 1 }}
{{ ok ? 'YES' : 'NO' }}
{{ message.split('').reverse().join('') }}
<div v-bind:id="'list-' + id"></div>
这些表达式会在所属 Vue 实例的数据作用域下作为 JavaScript 被解析。有个限制就是,每个绑定都只能包含单个表达式,所以下面的例子都不会生效。
<!-- 这是语句,不是表达式 -->
{{ var a = 1 }}
<!-- 流控制也不会生效,请使用三元表达式 -->
{{ if (ok) { return message } }}
模板表达式都被放在沙盒中,只能访问全局变量的一个白名单,如 Math 和 Date 。你不应该在模板表达式中试图访问用户定义的全局变量。
相关文章
- JavaScript图形实例:星形条纹图案
- javascript - 你不容错过的es6模板写法
- C#保留2位小数几种场景总结 游标遍历所有数据库循环执行修改数据库的sql命令 原生js轮盘抽奖实例分析(幸运大转盘抽奖) javascript中的typeof和类型判断
- 【学习笔记28】JavaScript数组字符串面试题
- Javascript 严格模式详解
- 《JavaScript高效图形编程(修订版)》——6.2 位图、矢量图,或两者兼而有之?
- Dynamic CRM 2013学习笔记(十一)利用Javascript实现子表合计(汇总,求和)功能
- javascript: Convert special characters to HTML
- 前端模板引擎artTemplate---高性能JavaScript模板引擎
- JavaScript定时器详解及实例
- WEB前端大作业-程序员个人在线简历响应式网站模板(HTML+CSS+JavaScript)
- Web网站模板-小清新企业个人营销宣传响应式网站模板(HTML+CSS+JavaScript)
- Web网站模板-横向滚动个人简历响应式网站模板(HTML+CSS+JavaScript)
- Web网站模板-餐厅饭店宣传响应式网站模板(HTML+CSS+JavaScript)
- Web网站模板-教育培训响应式网站模板(HTML+CSS+JavaScript)
- 华为OD机试 - 好朋友(JavaScript) | 机试题+算法思路+考点+代码解析 【2023】
- 深入理解JavaScript系列(41):设计模式之模板方法