Vue-插值表达式

插值表示式是Vue里的一种模板语法

只要是可以被求值的代码,js会将其结果计算出来 ,数据必须存在

不能在标签属性中使用插值

<div class="app">
  <!--用来渲染代码-->
  {{msg[0]}}
  {{msg[0].age>18?'成年':'未成年'}}
  {{msg[0].name}}
  {{'你好'+msg[0].name}}
</div>


<script>
  const app= new Vue({
    //通过el配置选择器,指定vue管理哪个盒子
    el:'.app',
    data:{
      msg:[{name:'ww',age:14},{name:'zsh',age:113}],
    },
  })
</script>

相关推荐

  1. Vue-表达式

    2024-07-09 22:04:04       20 阅读
  2. vue和nunjucks的变量的形式{{}}冲突

    2024-07-09 22:04:04       22 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-09 22:04:04       49 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-09 22:04:04       53 阅读
  3. 在Django里面运行非项目文件

    2024-07-09 22:04:04       42 阅读
  4. Python语言-面向对象

    2024-07-09 22:04:04       53 阅读

热门阅读

  1. Python加密利器:如何用hashlib和base64锁住你的数据

    2024-07-09 22:04:04       18 阅读
  2. json数据

    2024-07-09 22:04:04       17 阅读
  3. 小型简易GIT服务器搭建和使用

    2024-07-09 22:04:04       20 阅读
  4. 开源许可(Open Source License)

    2024-07-09 22:04:04       19 阅读
  5. 使用 HAProxy 进行 MySQL 负载均衡

    2024-07-09 22:04:04       23 阅读
  6. 【Tools】了解人工通用智能 (AGI):未来的智能体

    2024-07-09 22:04:04       21 阅读
  7. HTML最快速最简单

    2024-07-09 22:04:04       22 阅读
  8. 等保测评推动黑龙江数字化转型中的安全保障

    2024-07-09 22:04:04       19 阅读
  9. 嵌入式硬件电路常用设计软件

    2024-07-09 22:04:04       24 阅读
  10. [终端安全]-2 移动终端之硬件安全(SE)

    2024-07-09 22:04:04       18 阅读