全情海洋

2021年3月5日

摘要： 1. ref和reactive区别: 如果在template里使用的是ref类型的数据, 那么Vue会自动帮我们添加.value 如果在template里使用的是reactive类型的数据, 那么Vue不会自动帮我们添加.value 2. Vue是如何决定是否需要自动添加.value的 Vue在解析阅读全文

posted @ 2021-03-05 09:02 全情海洋阅读(11169) 评论(3) 推荐(3) 编辑

vue3中ref注意点（系列五）

摘要： 1.什么是ref? - ref和reactive一样, 也是用来实现响应式数据的方法 - 由于reactive必须传递一个对象, 所以导致在企业开发中如果我们只想让某个变量实现响应式的时候会非常麻烦所以Vue3就给我们提供了ref方法, 实现对简单值的监听 2.ref本质: - ref底层的本质阅读全文

posted @ 2021-03-05 08:38 全情海洋阅读(10174) 评论(0) 推荐(0) 编辑

vue3中reactive注意点（系列四）

摘要： reactive reactive 是 Vue3 中提供的实现响应式数据的方法。在 Vue2 中响应式数据是通过 defineProperty 来实现的，在 Vue3 中响应式数据是通过 ES6 的 Proxy 来实现的。具体参照Vue双向数据绑定，Vue3 的 Proxy 和 definePro 阅读全文

posted @ 2021-03-05 08:17 全情海洋阅读(16969) 评论(0) 推荐(0) 编辑

2021年3月4日

vue3组合API注意点（系列三）

摘要：新的 setup 组件选项在创建组件之前执行。 1.Composition API 和Option API(vue2.x)混合使用 2.Composition API本质 (组合API/注入API) 3.setup执行时机 4.setup注意点 1.setup执行时机 beforeCreate: 表阅读全文

posted @ 2021-03-04 17:39 全情海洋阅读(1091) 评论(0) 推荐(0) 编辑

vue3组合API（setup函数,系列二）

摘要： 1，用vue2.x，实现一个todos <template> <div> <form> <input type="text" v-model="stu.id"> <input type="text" v-model="stu.name"> <input type="text" v-model="st 阅读全文

posted @ 2021-03-04 17:11 全情海洋阅读(2272) 评论(1) 推荐(0) 编辑

vue3创建项目（系列一）

摘要： 1.Vue3.0-快速上手 - 创建Vue3的3种方式 + Vue-CLI + Webpack + Vite 我用 Vite （尤自创的方案） 2.什么是Vite? - Vite是Vue作者开发的一款意图取代webpack的工具 - 其实现原理是利用ES6的import会发送请求去加载文件的特性, 阅读全文

posted @ 2021-03-04 16:50 全情海洋阅读(1350) 评论(0) 推荐(1) 编辑

Vue3.0是如何变快的

摘要： Vue3.0是如何变快的? - diff算法优化: https://vue-next-template-explorer.netlify.app/ + Vue2中的虚拟dom是进行全量的对比，同级对比，不管修改和未修改的数据都会对比 + Vue3新增了静态标记(PatchFlag), 在与上次虚拟节阅读全文

posted @ 2021-03-04 16:02 全情海洋阅读(254) 评论(0) 推荐(0) 编辑

Vue3 为什么要用 Proxy 代替 Object.defineProperty 实现响应式

摘要： Object.defineProperty 劫持数据只是对对象的属性进行劫持无法监听新增属性和删除属性需要使用 vue.set, vue.delete 深层对象的劫持需要一次性递归 var obj = { a: 1, o: { b: 2, o1: {} } } 无法监听原生数组，需要特殊处理，阅读全文

posted @ 2021-03-04 14:33 全情海洋阅读(1160) 评论(0) 推荐(0) 编辑

前端路由（hash和history）

摘要：路由是根据不同的url地址来显示不同的页面或内容的功能，这个概念很早是由后端提出的。后端之前是这么做的，当我们访问 http://xxx.abc.com/xx 的时候，大致流程可以想象成这样的： 1. 浏览器向服务器发出请求。2. 服务器监听到80端口，如果有请求过来，那么就解析url地址。3. 服阅读全文

posted @ 2021-03-04 10:55 全情海洋阅读(684) 评论(0) 推荐(0) 编辑

2021年3月3日

vue组件异步渲染

摘要： vue组件是异步渲染的汇总data的修改，一次性更新视图减少dom的操作次数，提高性能 <template> <div id="app"> <ul ref="ul1"> <li v-for="(item, index) in list" :key="index"> {{item}} </li> 阅读全文

posted @ 2021-03-03 13:06 全情海洋阅读(1809) 评论(0) 推荐(0) 编辑

公告