vue 上

vue基本指令

## 指令

在vue中 以 v开头的 叫做指令。指令就是给元素添加一些原本没有的功能

  • v-model 是用来实现文本框的双向数据绑定的。也就是说:将 v-model 指定的name这个数据与当前文本框的值,进行双向数据绑定

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    <div id = "#app">
    <input type="text" v-model = "name">
    <span>{{ name }}</span>
    </div>
    <script src= 'vue.js'></script>
    <script>
    const vm = new Vue ({
    el : "#app",
    data : {
    name:'zs'
    }
    })
    </script>