<body>
<div id="app">
<!--vue的指令directive 所有指令都已v-开头-->
<!--input value属性默认会被vue忽略掉selected checked-->
<input type="text" name="name" value="" v-model="msg" />
<!--v-model 双向绑定 会将msg的值绑定到输入框 输入框改变会影响数据-->
<label v-text="msg"></label>
<!--v-text 其实就是{{}}-->
<div v-once>{{msg}}</div>
<!--v-once-->
<div v-html="p" >{{p}}</div>
<!--v-html-->
</div>
<script>
//引入后会得到vue的构造函数
var vm = new Vue({ //vm就是viewmodel
el:‘#app‘, //告诉vue能管理哪个dom
data: { //data中的数据会被vm代理
msg: ‘hello‘, //可以通过vm.msg取到对应内容
p:‘<h1>hello</h1>‘
}
});
</script>
</body>
原文地址：https://www.cnblogs.com/yagamilight/p/11067315.html
时间： 2024-11-12 20:29:51