vue 基础指令
Posted yagamilight
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue 基础指令相关的知识，希望对你有一定的参考价值。
<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>
以上是关于vue 基础指令的主要内容，如果未能解决你的问题，请参考以下文章