--> <!-- 准备好一个容器--> <div id="root"> <h1>插值语法</h1> <h3>你好，{{name}}</h3> <hr /> <h1>指令语法</h1> <a v-bind:href="school.url.toUpperCase()" x="hello" >点我去{{school.name}}学习1</a > <a :href="school.url" x="hello">点我去{{school.name}}学习2</a> <br /> <a :href="school.url"> Hello go to study,where ? {{school.name}} url is {{school.url}}</a > </div> </body>
<script type="text/javascript"> Vue.config.productionTip = false; //阻止 vue 在启动时生成生产提示。
new Vue({ el: "#root", data: { name: "jack", school: { name: "尚硅谷", url: "http://www.atguigu.com", }, }, }); </script> </html>