vue中的js类表达式
来源:互联网 发布:sql查询多表相同列名 编辑:程序博客网 时间:2024/06/07 12:06
迄今为止,在我们的模板中,我们一直都只绑定简单的属性键值。但实际上,对于所有的数据绑定, 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
。你不应该在模板表达式中试图访问用户定义的全局变量。
修饰符
修饰符(Modifiers)是以半角句号 .
指明的特殊后缀,用于指出一个指令应该以特殊方式绑定。例如,.prevent
修饰符告诉 v-on
指令对于触发的事件调用 event.preventDefault()
:
<form v-on:submit.prevent="onSubmit"></form>
阅读全文
0 0
- vue中的js类表达式
- js去掉html字符串中的所有标签元素,结合vue表达式使用
- vue.js中的track-by
- 去掉vue.js中的Eslint
- Js中的正则表达式
- js中的正则表达式
- js中的正则表达式
- js中的正则表达式
- JS中的正则表达式
- JS中的正则表达式
- js中的正则表达式
- js 中的赋值表达式
- js中的正则表达式
- JS中的正则表达式
- js中的正则表达式
- JS中的正则表达式
- js中的正则表达式
- js中的正则表达式
- WebRTC音频模块
- CRC校验
- 基于Vue2.0+Vue-router构建一个简单的单页应用
- 使用ListView时的注意事项有哪些
- 爬虫技巧
- vue中的js类表达式
- linux命令下导入和导出mysql 数据
- 算法
- 函数
- android源码中打包so到apk的方法
- 动态规划----传纸条
- HashSet类注释翻译、fast-fail、源码分析
- strchr函数的用法小总结
- oracle锁表当客户端杀掉会话不成功可以服务端杀掉进程