vue必备小技巧

Vue的修饰符很多你知道吗
1.有v-once也有.once
大家知道vue推荐对低开销的静态内容使用v-once渲染,但是如果你仔细看过文档你应该知道v-once,首先v-once的原理其实是keep-alive,它会缓存v-once的组件,但是希望你再阅读一次官方这句提示:

再说一次,试着不要过度使用这个模式。当你需要渲染大量静态内容时,极少数的情况下它会给你带来便利,除非你非常留意渲染变慢了,不然它完全是没有必要的——再加上它在后期会带来很多困惑。例如,设想另一个开发者并不熟悉v-once 或漏看了它在模板中,他们可能会花很多个小时去找出模板为什么无法正确更新。

是的,除非你这个组件渲染的开销已经严重到你觉得他明显的慢,否则不要使用。
然后我们来说事件的.once

<form @click.once="submit"></form>
复制代码要注意不能将其应用于按钮的点击之后,它不同于按钮的loading,点击按钮打开loading如果执行错误可以关闭loading,按钮可以再次执行。
而使用.once事件触发过一次之后,不会再次执行,当然你可以将它应用于其他事件,但是你要记住存在一个可以只让你的事件只触发一次的修饰符,总会用到的。

2.你认为的type="number"
<input v-model.number="age" type="number">
3.你认为的去input的前后空格
<input v-model.trim="msg">
本文摘自:掘金
详细请点击下方地址:
https://juejin.im/post/5d4bb71e51882551d172e557#heading-4

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • vue概述 在官方文档中,有一句话对Vue的定位说的很明确:Vue.js 的核心是一个允许采用简洁的模板语法来声明...
    li4065阅读 7,282评论 0 25
  • 主要还是自己看的,所有内容来自官方文档。 介绍 Vue.js 是什么 Vue (读音 /vjuː/,类似于 vie...
    Leonzai阅读 3,401评论 0 25
  • 1. Vue 实例 1.1 创建一个Vue实例 一个 Vue 应用由一个通过 new Vue 创建的根 Vue 实...
    王童孟阅读 1,038评论 0 2
  • 基于Vue的一些资料 内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 element★...
    尝了又尝阅读 1,190评论 0 1
  • Vue官方文档以下内容作为本人日常学习使用,不作为参考 一、Vue环境搭建以及vue-cli的使用 Vue多页面应...
    好一只帅卤蛋阅读 787评论 0 1