{{}}插值表达式和v-text 文本显示
v-clock 解决插值表达式闪烁
v-html 解析‘’里的html格式
v-bind 属性绑定机制 缩写是 :(只能实现单向绑定)
v-model 可以实现表单元素和model中数据的双向绑定(只能用于表单元素)(input,select,checkbox,......)
v-on 事件绑定机制 缩写是 @
部分测试代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="./lib/vue.js"></script>
</head>
<body>
<div id="app">
<p>{{msg}}</p>
<div v-html="msg2">456</div>
<input type="button" value="anniu"v-bind:title="mytitle+'tangbo'" v-on:click="show">
</div>
<script>
var vm=new Vue({
el:'#app',
data:{
msg:'123',
msg2:'<h1>wollllaksdlkalsdldklasd</h1>',
mytitle:'laji'
},
methods:{
show:function(){
alert('baba')
}
}
})
</script>
</body>
</html>