VUE中的一些表达式与元素

• 表单元素：(v-model只能用于表单元素)

                 1.input（radio`text`address`email）

                  2.select`

                  3.checkbox`

                  4.textarea

• 插值表达式：

1. v-cloak
2. v-txet
3. v-html
4. v-bind（：）
5. v-on（@）
6. v-model
7. v-for
8. v-if
9. v-show

 

• 事件修饰符： 

1.  .stop
2.  .prevent
3.  .capture
4.  .self
5.  .once

<script>
        // 2.创建一个vue的实例
        // 当导入包之后，在浏览器的内存中就多了一个vue的构造函数
        var vm=new Vue({
            el:'#app',  //表示当我们new的这个vue实例，要控制页面上的哪个区域
            data:{
                //data属性中，存放的是el中要用到的数据
                msg:'这是一句话',    //通过vue提供的指令把数据渲染到页面上
                msg1:'123',
                msg2:'<h1>这是一个h1标签</h1>',
                mytitle:'自定义title'
            },
            methods:{} //是个对象，在这里自定义方法
        })
</script>

• 在VM中若要访问data上的数据或methods中的方法必须带this
•  v-for中key属性只接受string/number
• 绑定方法：

1. v-bind：class
2. v-bind：style