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){

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

  }

}

原文地址:https://www.cnblogs.com/joer717/p/10791415.html