【vue】模板语法
作者:互联网
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="../vue.js"></script>
<title>Document</title>
</head>
<body>
<!--
1.插值语法:
写法:{{xxxx}},xxxx是一个表达式,并且可以直接读取到data中的所有属性值
用处:放在标签体中
2.指令语法:
写法:v-bind:属性="xxxx"("v-bind:"可以简写为 ":" )
用处:放在标签里面,用来解析标签属性,绑定事件等等
-->
<div id="root">
<h1>{{msg+","+msg2}}</h1>
<a v-bind:href="url">点我打开百度</a>
<a :href="url">点我打开百度</a>
</div>
<script>
var vm=new Vue({
el:"#root",
data:{
msg:"hello",
msg2:"world",
url:"https://baidu.com"
},
})
</script>
</body>
</html>
标签:vue,xxxx,msg2,标签,语法,bind,msg,data,模板 来源: https://blog.csdn.net/qq_35650513/article/details/122279301