首页 > 其他 > 详细

vue基础

时间:2019-04-29 17:25:38      阅读:108      评论:0      收藏:0      [点我收藏+]

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

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

  }

}

 

vue基础

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!