首页 / VUE / vue include和exclude属性

vue include和exclude属性

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了vue include和exclude属性，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含916字，纯文字阅读大概需要2分钟。

内容图文

首先介绍一下include和exclude vue文档https://cn.vuejs.org/v2/api/#keep-alive
是在vue2.0以后新增的属性
include是需要缓存的组件；
exclude是除了某些组件都缓存；
include 和 exclude 属性允许组件有条件地缓存。二者都可以用逗号分隔字符串、正则表达式或一个数组来表示：

            <
            keep-alive 
            include
            ="a,b"
            >
            <
            component 
            :is
            ="view"
            ></
            component
            >
            </
            keep-alive
            >
            <!--
             正则表达式 (使用 `v-bind`) 
            -->
            <
            keep-alive 
            :include
            ="/a|b/"
            >
            <
            component 
            :is
            ="view"
            ></
            component
            >
            </
            keep-alive
            >
            <!--
             数组 (使用 `v-bind`) 
            -->
            <
            keep-alive 
            :include
            ="[‘a‘, ‘b‘]"
            >
            <
            component 
            :is
            ="view"
            ></
            component
            >
            </
            keep-alive
            >

匹配首先检查组件自身的 name 选项，如果 name 选项不可用，则匹配它的局部注册名称 (父组件 components 选项的键值)。匿名组件不能被匹配。

max只在2.5.0新增，最多可以缓存多少组件实例。一旦这个数字达到了，在新实例被创建之前，已缓存组件中最久没有被访问的实例会被销毁掉。

            <
            keep-alive 
            :max
            ="10"
            >
            <
            component 
            :is
            ="view"
            ></
            component
            >
            </
            keep-alive
            >

 

原文：https://www.cnblogs.com/tangjianqiang/p/14459590.html

内容总结

以上是互联网集市为您收集整理的vue include和exclude属性全部内容，希望文章能够帮你解决vue include和exclude属性所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1149779.html

来源：【匿名】