<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script src="../Vue/vue.min.js"></script> </head> <body> <div id="app"> <span v-if="show">显示这行文字</span><br /> <a href="{{url}}">这种写法不行</a><br /> <a v-bind:href="url">超链接</a><br /> <img v-bind:src="imgUrl" /> <button v-on:click="showClose">点击隐藏</button> </div> <script> var app = new Vue({ el: '#app', data: { show: true, url: 'http://www.baidu.com', imgUrl: '/Images/heroAccent.png' }, methods: { showClose: function () { this.show = false; } } }); </script> </body> </html>