![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
weixin_39616739
这个作者很懒,什么都没留下…
展开
-
v-cloak
v-cloak:保持和元素实例的关联,直到结束编译后自动消失。 v-cloak指令和CSS 规则一起用的时候,能够解决差值表达式闪烁的问题(即:可以隐藏未编译的标签直到实例准备完毕)。 就拿上一段代码来举例,比如说,{{name}}这个内容,在网速很慢的情况下,一开始会直接显示{{name}}这个内容,等网络加载完成了,才会显示smyhvae。那这个闪烁的问题该怎么解决呢? 解决办法是:通过v-c...原创 2019-10-06 10:59:12 · 172 阅读 · 0 评论 -
vue源码解析之keep-alive
keep-alive props: include - 字符串或正则表达式。只有名称匹配的组件会被缓存。 exclude - 字符串或正则表达式。任何名称匹配的组件都不会被缓存。 max - 数字。最多可以缓存多少组件实例。 用法: 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。和transition 相似, keep-alive是一个抽象组件:它自身不会渲染一个 DOM 元素,也不会...转载 2019-07-11 13:24:34 · 359 阅读 · 0 评论 -
nextTick
异步更新视图 <template> <div> <div>{{test}}</div> </div> </template> export default { data () { return { test: 0 }; }, mou...原创 2019-07-14 15:42:58 · 158 阅读 · 0 评论 -
Vue 小结
Vue.component(‘myCom’,{ Template: ‘#tmp1’/‘<h1>{{msg}}<?h1>’,//和实例中data使用方式一样 Data: function(){ Return { Msg : ‘这是组建自己的data’ }//组建中的data必须是一个方法且必须返回一个对象。如果对象是一个全...原创 2019-04-19 19:35:03 · 190 阅读 · 0 评论 -
搭建过vue开发环境
https://juejin.im/post/5cc55c336fb9a032086dd701转载 2019-05-01 19:07:24 · 67 阅读 · 0 评论 -
mvvm双向绑定
相信大家对mvvm双向绑定应该都不陌生了,一言不合上代码,下面先看一个本文最终实现的效果吧,和vue一样的语法,如果还不了解双向绑定,猛戳Google {{word}} change model 效果: 几种实现双向绑定的做法 目前几种主流的mvc(vm)框架都实现了单向数据绑定,而我所理解的双向数据绑定无非就是在单向绑定的基础上给可输入元素(input、t...转载 2019-05-01 17:57:12 · 437 阅读 · 0 评论 -
Vue 数据劫持
function Observer(data) { this.data = data; this.walk(data); } Observer.prototype = { walk: function(data) { var me = this; Object.keys(data).forEach(function(key) { me.convert(key, data[key]); }); },...转载 2019-05-01 17:51:45 · 484 阅读 · 0 评论