当前位置: 首页 > news >正文

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>

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 跟《经济学人》学英文:2024年6月29日这期 A new lab and a new paper reignite an old AI debate
  • 光敏电阻,光敏三极管,光敏二极管的作用与区别
  • 第一章节:HTML 基础
  • 生物素结合金纳米粒子(Bt@Au-NPs ) biotin-conjugated Au-NPs
  • GNU/Linux - 如何编译kernel
  • 为什么要进行垃圾回收器的调优
  • ggplot2绘图点的形状不够用怎么办?
  • django基于个人BMI的健康饮食食谱推荐系统-计算机毕业设计源码26624
  • [Debugger]调试Arm设备
  • nginx配置代理
  • 基于FPGA的千兆以太网设计(1)----大白话解释什么是以太网
  • 每日新闻 7月9日 星期二
  • uniapp开发android调试工具
  • 【前端】使用chrom浏览器Network,查看前后台数据传输请求
  • 系统架构的基础:定义、原则与发展历程
  • [译] React v16.8: 含有Hooks的版本
  • Bootstrap JS插件Alert源码分析
  • JavaScript 事件——“事件类型”中“HTML5事件”的注意要点
  • Ruby 2.x 源代码分析:扩展 概述
  • Spark in action on Kubernetes - Playground搭建与架构浅析
  • Vue实战(四)登录/注册页的实现
  • windows下mongoDB的环境配置
  • 从地狱到天堂,Node 回调向 async/await 转变
  • 使用 @font-face
  • 微信小程序实战练习(仿五洲到家微信版)
  • 一个普通的 5 年iOS开发者的自我总结,以及5年开发经历和感想!
  • [地铁译]使用SSD缓存应用数据——Moneta项目: 低成本优化的下一代EVCache ...
  • 不要一棍子打翻所有黑盒模型,其实可以让它们发挥作用 ...
  • 浅谈sql中的in与not in,exists与not exists的区别
  • ​Kaggle X光肺炎检测比赛第二名方案解析 | CVPR 2020 Workshop
  • #define 用法
  • #Linux杂记--将Python3的源码编译为.so文件方法与Linux环境下的交叉编译方法
  • #微信小程序:微信小程序常见的配置传旨
  • (1)(1.19) TeraRanger One/EVO测距仪
  • (20)docke容器
  • (20)目标检测算法之YOLOv5计算预选框、详解anchor计算
  • (iPhone/iPad开发)在UIWebView中自定义菜单栏
  • (四)事件系统
  • (学习日记)2024.04.10:UCOSIII第三十八节:事件实验
  • (一)使用IDEA创建Maven项目和Maven使用入门(配图详解)
  • (原創) 人會胖會瘦,都是自我要求的結果 (日記)
  • (转)ORM
  • (转)德国人的记事本
  • (转)为C# Windows服务添加安装程序
  • .aanva
  • .net 7 上传文件踩坑
  • .NET 通过系统影子账户实现权限维持
  • .NET国产化改造探索(一)、VMware安装银河麒麟
  • .net快速开发框架源码分享
  • .secret勒索病毒数据恢复|金蝶、用友、管家婆、OA、速达、ERP等软件数据库恢复
  • /bin、/sbin、/usr/bin、/usr/sbin
  • @Autowired自动装配
  • [ 网络基础篇 ] MAP 迈普交换机常用命令详解
  • [<MySQL优化总结>]
  • [240527] 谷歌 CEO 承认 AI 编造虚假信息问题难解(此文使用 @gemini 命令二次创作)| ICQ 停止运作