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

2 Vue使用v-bind来代替{{}}取值

         注意!当两个具有共同id的标签都要从数据层拿值时,需要使用div标签,赋予他们共同的id,不然其中有一个会拿不到数据!

        v-bind用来绑定前标签的属性,然后对属性赋值。{{}}用来对前后标签中的文本赋值。使用方法分别是:v-bind:属性名=“key”以及{{key}}。

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><!-- view层 --><div id="app"><span v-bind:title="message">123</span><h1>{{message}}</h1></div><script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script><script>var vm = new Vue({el: "#app",data: {message: "hello"}});</script></body>
</html>

http://www.lryc.cn/news/113587.html

相关文章:

  • 20230807在WIN10下使用python3将TXT文件转换为DOCX(在UTF8编码下转换为DOCX有多一行的瑕疵)
  • Flutter(八)事件处理与通知
  • Java,python,c#,js,c++搞量化交易的接口大全
  • javaAPI(一):String
  • 数据互通,版本管理优化图文档与BOM数据
  • 【CSS】旋转中的视差效果
  • 【ASP.NET MVC】使用动软(一)(9)
  • 【Jsp课设】3款基于JavaWeb的学生选课管理系统
  • 系统架构设计师笔记第35期:表现层框架设计
  • 力扣 -- 467. 环绕字符串中唯一的子字符串
  • Hi3798MV200 恩兔N2 NS-1 (四): 制作 Debian rootfs
  • 面试热题(字符串相加)
  • 我的创作纪念日【第一个2048day】
  • 内网穿透-————SSH远程连接树莓派
  • 一键开启ChatGPT“危险发言”
  • RISC-V基础之函数调用(一)简单的函数调用(包含实例)
  • apt、aptitude、apt-get/apt-cache语法的区别
  • 华为认证 | HCIA和HCIP有啥区别?
  • JavaScript基础知识
  • vue2 todoapp案例(静态)
  • qt5.14 和 qt5.15的区别
  • 如何使用自己域名进行远程访问内网群晖NAS 6.X
  • PHP判处重复延长队列执行时间
  • flask中的应用上下文
  • cocos creator 的input.on 不生效
  • WFPlayer
  • Netty面试题
  • 基于Home Assistant远程开门
  • Docker相关的参数配置
  • 【CSS3】CSS3 2D 转换 - scale 缩放 ③ ( 使用 scale 设置制作可缩放的按钮案例 )