一、格式

    1、先创建一个实例绑定一个元素

    Vue 2.x版本的基本信息 - 图1

    2、绑定的元素要写在el选项中,一个vue实例对应一个元素,我们可以在这个元素下使用该实例

    3、响应式数据写在data选项后

    4、方法写在methods选项后,methods选项中的this指向该vue实例对象

    5、写在标签内的变量要用两个花括号包起来,并且花括号内可以写表达式

    标签内v-指令中写在=后引号内的变量不需要花括号包起来

    二、vue的指令

    vue的指令可以写在标签上,已v-开头,表示是vue的指令

    Vue 2.x版本的基本信息 - 图2

    1、v-for:循环指令

    2、v-if:判断指令

    3、v-model:和数据双向绑定

    4、v-on:event:在on后面写事件,就可以让该元素绑定该事件,例如点击、输入、移动等

    1.如果传入enent作为参数,想要获取event的详细信息,后面跟的事件处理函数不能加括号,如果又想传入event参数,又想传入别的参数,event参数要用$event表示

    5、v-bind:将标签中属性的属性值变成变量表示

    6、v-html:将标签中的内容当作标签进行渲染,v-html属性的属性值是一个变量,需要我们定义它是什么标签,用法:v-html=”content” JS中:content:”

    “// 可以自定义

    这个指令需要我们小心xss攻击。