前端类
关注
分享
扫一扫
南栀茶茶
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue使用v-if之后组件没有重新渲染问题解决办法以及原理
vue使用v-if之后组件没有重新渲染问题解决办法以及原理问题产生：在开发需求的时候一个vue页面需要被不同的数据进行渲染，于是考虑到用v-if进行控制，使用v-if之后发现页面中引入组件的数据没有进行变化，由此对vue是如何渲染页面以及数据进行深度排查。问题原因:组件太相似，vue没有识别出来，所以导致数据没有更新。解决办法：给需要更新的组件加上一个不同的 key,即可解决v-if之后组件没有重新渲染问题。<div class="head" :key="1"> </di原创 2020-11-20 16:43:13 · 13026 阅读 · 3 评论 -
Vue简单指令
Vue指令篇v-showv-ifv-forv-showv-show 如果if后的条件为false，则为false的代码会生成。看如下代码<div v-show="isQs"></div><div v-show="isWs"></div>data { isQs:true, isWs:false}打开浏览器F12查看编译后的代码，则生成，并且在其生成style=“display: none;”v-ifv-if 如果if后的条件为false，原创 2020-06-04 17:34:59 · 195 阅读 · 0 评论 -
最易懂的vue入门篇
最易懂的vue入门篇创建简单的vuevue常用指令(括号表示简写)vue-api钩子函数（转载）vue组件（转载）vue实例（转载）生命周期钩子（转载一个写的特别好 ）生命周期八个钩子函数创建简单的vue创建vue的四步<body> <div id="app">{{message}}</div></body><script type="text/javascript" src='js/vue.min.js'></script&g原创 2020-06-02 17:51:16 · 1207 阅读 · 0 评论