vue $once,vue.once

　　本文主要介绍了v-once在vue指令中的用法，具有很好的参考价值。希望对你有帮助。如有错误或不足之处，请不吝赐教。

目录

　　 v-once日常开发中常用的很多用法如下：什么是v-once？

v-once在日常开发中用的很多

　　只渲染元素和组件一次，后续渲染时，使用此指令的元素/组件及其所有子节点将被视为静态内容并被跳过，可用于优化更新性能。

常见用法如下

　　当输入框的值被修改时，使用v-once指令的P元素不会改变，但是第二个P元素可以相应地改变。

　　div id=应用程序

　　v-once {{msg}}/p//msg将不会更改。

　　p{{msg}}/p

　　p

　　输入类型=text v-model=msg name=

　　/p

　　/div

　　脚本类型=文本/javascript

　　让vm=new Vue({

　　埃尔： #app ，

　　数据：{

　　消息：“你好”

　　}

　　});

　　/脚本

v-once是什么

　　V-once可以使标签的内容，也就是在{{str}}中，data中的一些数据，比如str，在vue的数据初始化后，保持str的第一个值。

　　下面写的是

　　div v-once{{str}} /div

　　El-输入v-model= str /El-输入

　　Str最初为“”，为空字符串；

　　然后在created中从后端接口获取数据，赋给str:this . str= AAA ；

　　最后，在挂载中江str被清除：this . str=“”；

　　获得效果

　　这样，再次分配和显示不会被延迟。

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。