Vue模版语法
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>模版语法</title><script type="text/javascript" src="../js/vue.js"></script></head><body><div id="root"><h2>插值语法</h2><h4>你好{{msg}}</h4><h4>你好{{msg.toUpperCase()}}</h4><hr /><h2>指令语法</h2><a :href="url">点我去学习</a><a href="http://www.baidu.com" :x="msg">点我去学习</a></div><script>new Vue({el: "#root",data: {msg: "atguigu",url: "https://www.baidu.com",},});</script></body>
</html>
![[lesson48]同名覆盖引发的问题](http://pic.xiahunao.cn/[lesson48]同名覆盖引发的问题)
