入门案例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Vue.js入门</title>
<style>
[v-cloak]{
display: none;
}
</style>
</head>
<body>
<div id="app">
<p v-cloak>`````````{{mag}}``</p>
<a href="#" v-text="mag">````</a>
<div>{{mag2}}</div>
<div v-text="mag2"></div>
<div v-html="mag2"></div>
<input type="button" value="按钮" v-bind:title="mytitle + '123'">
<br>
<input type="button" value="按钮1" :title="mytitle + '123'">
<br>
<input type="button" value="按钮2" :title="mytitle + '123'" v-on:click="show">
<input type="button" value="按钮2" :title="mytitle + '123'" @click="show">
</div>
<script src="vue.js"></script>
<script>
var vm=new Vue({
el:'#app',
data:{
mag:'你好vue.js',
mag2:'<h1>h1标签</h1>',
mytitle:'v-bind的使用,自己定义属性参数'
},
methods:{
show:function(){
alert("1123");
}
}
})
</script>
</body>
</html>