vue

=================================================================

vue：

<template>标签只能有一个子标签

{{msg}}：双大括号会将数据解释为普通文本，绑定的数据对象的属性发生变化

插值处的内容也会更新

v-html：为了输出HTML代码

v-bind：绑定，可以简写:id="id"

双大括号表达式：{{number + 1}}，{{ok? 'yes':'no'}},

{{message.split('').reverse().join('')}}

条件渲染指令：

v-if，v-else:true显示if，false显示else，，不显示的时候没有标签

<p v-if="seen">你看我一眼</p>

seen：true||false

v-show: 控制display的样式none或black

<p v-show="isShow">嘿嘿嘿</p>

isShow:true||false

stop：阻止冒泡

按键修饰符：

@keyup.enter

计算属性：

    data(){

    return{

      x:'李',

      m:'永振'

    }

  },

  computed:{//定义计算属性的方法

    xm:function () {

      return this.x + this.m

    }

  }

类与样式：

:class='[a1,a2]'以数组的方式添加

:class='{"test-1":a3}'