vue基础

v-html  不会把标签打印出来

v-text   会把标签打印出来

vue的循环不是放在父便签上，而是放在被循环的循环体上

v-for="(value,key)in objList"

v-for="(item,index)in ArrList"

可以遍历数组和对象，组件

引入组件

先import  a组件

component{

        a:a

}

v-bind:href  缩写 :href  绑定属性是动态属性变量

属性组合的写法   classA和 hasError都是动态变量  :class=“[classA,{'red-font':hasError}]”

v-on:click 缩写  @click @keydown @click.enter @click.stop  @keydown.13

v-if   v-else 动态选择是否显示

v-show  通过display：none来控制显示

自定义事件 父组件@my-event=“onMyCompent””

子组件  （原理：子组件点击触发子组件的方法，子组件的方法调用父组件的自定义方法this.$emit）

 

父组件接收子组件传过来参数

v-model 数据的双向绑定   v-model.lazy   输入完成以后才会渲染

计算属性和数据监听

计算属性跟data里面的值是一样使用的，不过是可以通过函数来return一个值，计算处理

也可以通过方法实现，他俩的区别是计算属性的更新会根据myvalue更新，他不更新，他都不会更新

方法的话只要调用就会变，比如时间，计算属性不会跳动变，而方法会

 

监听属性

watch:{

  myVal:function(old,new){

     //只要进行更改都会被监听

  }

}