![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue组件
本专栏针对的是vue组件的相关知识
Realistic-er
这个作者很懒,什么都没留下…
展开
-
组件缓存:
组件缓存: 组件被缓存之后,created和mouted只会被执行一次 组件缓存中有两个函数,一个是activated,表示组件从缓存中被激活,另一个是deactivated ,表示组件失去活动 (1)为什么需要组件缓存? 在开发的过程中,页面跳转了之后,再返回原来的页面的时候,原来页面的进度条之类的不再保持了 (2)如何组件缓存? 用keep-alive标签将router-view包裹住 <template> <div id="app"> <keep-alive :inc原创 2021-04-01 19:28:46 · 1037 阅读 · 0 评论 -
一个组件在多个页面的灵活应用:
一个组件在多个页面的灵活应用: 这是封装好的一个组件,它被应用到两个页面上,但是在应用的这两个页面上有些内容不一样,这个时候如何通过props来解决这个问题: (1)首先在组件页面给它的props绑定布尔值 谁需要做出判断,就把v-if的值帮给谁 el-button v-if="isShowAdd" size="mini" type="success" @click=" dialoguploadVisible = true">上传素材</el-button> <div class原创 2021-04-01 19:26:52 · 313 阅读 · 0 评论 -
组件页面新创建的时候过程
组件页面新创建的时候过程 (1)创建页面的名字 <script> export default { // name: 'UploadCover'这是组件的名字 name: 'UploadCover', components: {}, data () { return {} }, computed: {}, watch: {}, created () {}, mounted () {}, methods: {} } </script>原创 2021-04-01 19:26:15 · 71 阅读 · 0 评论