<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<!--
<div id="box" v-text="msg" >
{{msg}}
</div>
-->
<!--
<div id="box" v-html="value2">
{{msg}}
</div>
-->
<!-- <div id="box">
<button v-on:click="change">{{msg}}</button>
</div> -->
<div id="box">
<a v-bind:href="url">这里是a链接</a>
<img v-bind:src="src">
</div>
</body>
<script type="text/javascript" src="js/vue.js"></script>
<script type="text/javascript">
new Vue({
el:‘#box‘,
data:{
msg:‘值前前‘,
value2:"bbbb",
url:"http://www.baidu.com",
src:"http://img5.imgtn.bdimg.com/it/u=2973638769,3401137854&fm=27&gp=0.jpg"
},
methods:{
change:function(){
this.msg="值后后"
}
}
})
</script>
</html>
时间： 2024-10-13 22:26:34