美文网首页
向Vue进军(二)

向Vue进军(二)

作者: Leonard被注册了 | 来源:发表于2019-11-02 20:56 被阅读0次

1.修饰符(modifiers)

事件修饰符

<!-- 阻止单击事件继续传播 -->
<a @click.stop="doThis"></a>

<!-- 提交事件不再重载页面 -->
<form @submit.prevent="onSubmit"></form>

<!-- 修饰符可以串联 -->
<a @click.stop.prevent="doThis"></a>

<!-- 只有修饰符 -->
<form @submit.prevent></form>

<!-- 添加事件监听器时使用事件捕获模式 -->
<div @click.capture="doThis">...</div>

<!-- 只当在 event.target 是当前元素自身时触发处理函数 -->
<div @click.self="doThis">...</div>

<!-- 点击事件将只会触发一次 -->
<a @click.once="doThis"></a>

<!-- 让移动端的滑动效果更加流畅  -->
<div v-on:scroll.passive="onScroll">...</div>

表单修饰符

<!-- 在“change”时而非“input”时更新 -->
<input v-model.lazy="msg" >
<!-- 自动将用户的输入值转为数值类型 -->
<input v-model.number="age" type="number">

2.watch和computed

watch的两种写法

// Method 1
watch:{
  data(newVal,oldVal){
     //  监听属性,属性发生改变即执行函数
  }
}
// Method 2
watch:{
  data:{
     handler(newVal,oldVal){
        //  监听属性,属性发生改变即执行函数
     },
     immediate: true,    // 立即执行handler函数
     deep: true          // 深度监控
  }
}

computed两种写法

// Method 1
computed{
  data(){
    // 定义的时候像个方法,用起来像个属性
  }
}
// Method 2
computed{
   data(){
      get(){
          // 获取值
      },
      set(val){
          // 对计算属性设置值,这个值可以做些其他操作
      } 
}

两者区别

1.watch监听的属性必须在data中声明,而computed属性不能在data中声明
2.watch监听的属性发生变化才会执行对应代码,而computed是根据依赖属性的变化从而重新计算,若依赖属性没有发生变化,则直接从缓存中读取数据,不会重新进行渲染
3.watch里面可以有异步操作,而computed中是不允许的

相关文章

  • 向Vue进军(二)

    1.修饰符(modifiers) 事件修饰符 表单修饰符 2.watch和computed watch的两种写法 ...

  • 向Vue进军(一)

    一、moustache语法 1.变量 2.函数返回值 3.三元运算符 4.对象(放对象的时候注意两边空格要加上,不...

  • 向真实进军

    在这个急功近利的社会,我们都匆忙的的想得到一些证明,证明自己很优秀,证明自己很成功。 曾几何时,...

  • 向月球进军

    地球人 每夜 都梦见自己 登上了月球 只有醒着 才知道 月球其实 像极了爱情 一千零一夜过去了 又一千零一夜过去了...

  • 向努力进军

    之前在郑州工作时,下班之后会开一壶水,打开口凉着,换上运动装,和弟妹相约一起到财经政法大学的操场上跑步。那...

  • 2020-08-27 前端面试题(vue)

    一、 vue双向绑定得原理: 二、vue2.0与vue3.0双向绑定得区别:

  • 向八十岁进军

    向各位推荐这篇《向八十岁进军》,写的太好了!虽然未署名作者是谁,但一看便知是四十年代的同龄人。 整篇文章充滿着倔强...

  • 向简书进军

    抽调快手里的日日夜夜 K歌也裁军五百万 还有大量在百度执勤的警力 …… 向简书进军 吹响曾经的回音 继续把红旗插在...

  • 沃尔玛向世界进军

    姓名:杨娅 书名《家里的黄金》 页数:63~73 日期:2.6 分享:你不会愿意到沃尔玛,请他们拿走你房子的净资产...

  • 向八十岁进军

    我们的人生,跨进了七十岁,向八十岁进军,又是一个四季轮回的十年。 进军八十岁,用不着伤感和自悲,我们有足够的自信,...

网友评论

      本文标题:向Vue进军(二)

      本文链接:https://www.haomeiwen.com/subject/eeuzvctx.html