vue
KLbluegreen
这个作者很懒,什么都没留下…
展开
-
使用$nextTick、$set的原理(双向绑定)
一、实现双向绑定主要做了三件事监听data(Observer),有变化就通知订阅者(Watcher) 订阅到了变化的data,将其和DOM节点结合起来,编译成一个js对象,形成虚拟DOM(即源码中的document fragment) 所有变化都已对应完成,继而进行视图更新(即把 document fragment 变成实际的DOM树)二、$nextTick在执行响应式时,一个data的变化就创建一个Watcher,同一个Watcher被多次触发只记录一次,都被放入同个数组中,并且同一时间只.原创 2021-02-08 16:53:54 · 1055 阅读 · 0 评论 -
vue的动态组件
<component :is="true ? 'component1' : 'component2'" :demodata="demodata" @demoEvent="demoEvent"></component>demoData可以只用于其中某一个组件,组件emit的方法可以都被监听到。// 相当于用 v-if 和 v-else 切换两个组件<component1 v-if="true" @demoEvent="dem.原创 2021-02-08 14:19:31 · 133 阅读 · 0 评论 -
初次完整的 Vue 项目中出现的问题 -- npm ERR! code ELIFECYCLE
新手-我最近在练习做一个完整的 Vue 的小项目(构思、实现、可以上线),第一次 尝试把本地和网络做一个连接-- git --是为了将项目放到网上进行管理,出错时可以进行回滚等恢复,。这也是第一次写博客。记录错误:安装 vue-cli ,创建项目的过程中出现的一个问题是 vue init webpack my-project 之后报类似这样的错误(出错时没截图就想着百度了,是从搜索过的里面...原创 2018-09-10 10:44:56 · 23898 阅读 · 4 评论 -
vue项目中加载使用腾讯地图
在vue-cli脚手架搭建的vue项目里使用到了腾讯地图。看了腾讯地图的官方给出的API(https://lbs.qq.com/javascript_v2/index.html)敲了一遍代码,才有点感觉写一个总结点的东西。使用前需要在index.html里引入<script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&am...原创 2019-02-13 17:40:16 · 11283 阅读 · 2 评论