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