初学Vue 常见指令学习

• 刚开学学习Vue都是学习一些常用的指令，经过这一周的学习，将这些指令稍微整理了一下。

1.v-nodel

• 这个指令用来进行双向数据绑定，但是只能用在表单中。

<div id="app">
        <p>msg==> {
   {
   msg}}</p>
        <p><input type="text" v-model="msg"></p>
</div>
<script>
     varvm = new Vue({
   
         el:"#app",
         data:{
   
             msg:"hello world",
              }
     })
</script>

这时你在输入款中输入数据。p标签中的数据也会随之改变

2. v-bind

• v-bind 可以动态为标签绑定属性，可以简写为 ：（冒号）

<div id="app">
        <p :id="a">我是一个p段落标签..</p>
    </div>
    <script src="./base/vue.min.js"></script>
    <script>
        //v-bind指令  属性绑定的指令  
        //v-bind: 可以简写为：
        new Vue({
   
            el:"#app",
            data:{
   
                a