12avalon - 插值表达式

简介: 12avalon - 插值表达式

位于文本节点中的双重花括号,当然这个可以配置.此指令其中文本ms-text指令的简单形式.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title></title>
    <script type="text/javascript" src="avalon/dist/avalon.js"></script>
    <script>
      avalon.define({
        $id: 'test',
        aaa: 'aaa',
        bbb: 'bbb'
      })
    </script>
  </head>
  <body ms-controller="test">
    <p>{{@aaa}}{{@bbb}} 这个性能差些</p>
    <p>{{@aaa+@bbb}} 这个性能好些</p>
    <p>{{@aaa+@bbb | uppercase}} 选择器必须放在表达值的后端</p>
  </body>
</html>

运行结果:

插值表达式一般与带格式化功能的过滤器一起使用.

目录
相关文章
|
4月前
|
JavaScript
VUE——三元表达式动态渲染样式
VUE——三元表达式动态渲染样式
71 0
|
JavaScript
JS三元表达式
JS三元表达式
66 0
|
7月前
|
JavaScript 前端开发 数据可视化
JavaScript 什么是三元表达式?
JavaScript 什么是三元表达式?
75 1
|
7月前
|
算法 安全 编译器
【C++ 17 新特性 折叠表达式 fold expressions】理解学习 C++ 17 折叠表达式 的用法
【C++ 17 新特性 折叠表达式 fold expressions】理解学习 C++ 17 折叠表达式 的用法
171 1
|
7月前
|
JavaScript Java PHP
js三元表达式(三元运算符)
js三元表达式(三元运算符)
72 0
|
前端开发
react三元表达式通过状态输出标签
react三元表达式通过状态输出标签
68 0
|
JavaScript
js字符串拼接的数据三元表达式输出颜色
js字符串拼接的数据三元表达式输出颜色
56 0
|
缓存 JavaScript 测试技术
【Vue3 第三章】插值表达式 & 指令
【Vue3 第三章】插值表达式 & 指令
295 0
|
JavaScript 索引
|
JavaScript 前端开发