<!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>
相关文章
- 01-23什么是静态内部(Static Inner)类,语法要注意什么?
- 01-23【转】为什么C++编译器不能支持对模板的分离式编译
- 01-23vue响应式
- 01-23B02 Vue+Element 创建新项目
- 01-23递归下降分析程序(语法分析)
- 01-23vue 常规错误及解决 一
- 01-23对拍模板
- 01-23vue-video-player插件在微信浏览器X5内核中的坑
- 01-23vue报错 [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's
- 01-23vue => vue项目里一行代码创建所有文件的指令