meoki - 博客园

2021年2月7日

摘要： render是Vue最核心的东西。剩余其他例如data, computed,props都是为render提供数据来源服务的。render产出了Virtual DOM,借助snabbdom的API。 Virtual DOM要渲染成真实的DOM tree，我们通常把这个过程叫做patch（又叫补丁方法阅读全文

posted @ 2021-02-07 14:24 meoki 阅读(97) 评论(0) 推荐(0)

vue动态加载components组件（动态修改URL）

摘要： <template> <div class="container">  <component :is="list"></component> <button @click="onClickBtn">点我</button> </div></template><script> 阅读全文

posted @ 2021-02-07 14:22 meoki 阅读(2650) 评论(0) 推荐(0)

2020年9月3日

js实现简单的选项卡

摘要： <!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title> Document </title> </meta> </head> <style> .nav span{border: 1px solid #000; } .n 阅读全文

posted @ 2020-09-03 11:29 meoki 阅读(199) 评论(0) 推荐(0)

2020年8月28日

vue-table-tree控制台的安装使用

摘要：这东西虽然挺简单的，但是也花费了不少时间，网上教学有许多都是有问题的，第一次用，发现树状表无法显示 cnpm i vue-table-with-tree-grid -S 在main.js中引入 import ZkTable from 'vue-table-with-tree-grid' Vue.us 阅读全文

posted @ 2020-08-28 13:06 meoki 阅读(560) 评论(0) 推荐(0)

2020年6月20日

vue中为什么要用到key

摘要： Key key在vue中，有跟它意思一样的关键的作用，整个框架对数据的渲染方面，起到了至关重要的作用当更新数据的过程中，如果没有key的存在，系统会自动默认更新数据之间所要区分的key值为undefined，根据undefined＝＝undefined，所以数据更新时会忽略特殊比对值的情况下自动按阅读全文

posted @ 2020-06-20 22:20 meoki 阅读(2130) 评论(0) 推荐(0)

vue响应式相关源码总结

摘要：响应式数据的原理核心点：object.defineProperty 默认vue在初始化数据时，会给data中的属性使用object.defineProperty重新定义所有属性，当页面取到对应属性时，会进行依赖收集（收集当前组件的watcher）如果属性发生变化会通知相关依赖进行更新操作原理阅读全文

posted @ 2020-06-20 10:48 meoki 阅读(176) 评论(0) 推荐(0)

v-if和v-show的区别

摘要： v-if 和v-show的区别 v-if是真正意义上的条件渲染，他会确保在切换过程中条件块内的时间监听器和子组件适当的被销毁和重建 v-show不管初始条件是什么，元素总是会被渲染，并且只是简单地基于css进行切换一般来说，v-if有更好的切换开销 v-show有更高的渲染开销所以如果需要频繁的阅读全文

posted @ 2020-06-20 10:35 meoki 阅读(112) 评论(0) 推荐(0)

vue-cli细节错误和配置

摘要： vue-cli 关于使用vue-cli，本来是一件很容易的事情，被我弄得特别麻烦，我最直观的感受就是，几乎所有的有关vue的问题，可能都被我遇到了。。。。安装时输入username github 是输入自己的邮箱最新的vue-cli安装后没有了dev-server.js 需要mock后端的数据，阅读全文

posted @ 2020-06-20 10:32 meoki 阅读(331) 评论(0) 推荐(0)

2020年6月4日

跨域问题 node解决方法

摘要：跨域问题当发送ajax请求的时候，页面加载时候报错，或者请求console.log时候，是在页面上显示信息而不是控制台中显示，有可能是遇到了跨域问题原因在于当我们请求ajax请求时候，get的地址可能是3000端口，但是index.html页面启动时候所在的端口与3000端口不在同一端口中，服务阅读全文

posted @ 2020-06-04 09:52 meoki 阅读(315) 评论(0) 推荐(0)

MongoDB数据库的基本使用方法学习

摘要： MongoDB数据库基本命令查看所有数据库 show dbs 查看当前操作的数据库 db 切换到指定的数据库（如果没有会新建） use 数据库名称插入数据 db.集合名称.inserOne({}) 例如：db.student.insertOne({"name":"jack"}) 查询集合 sh 阅读全文

posted @ 2020-06-04 09:51 meoki 阅读(306) 评论(0) 推荐(0)