随笔分类 - Vue
摘要：为什么使用虚拟 Dom 提升页面性能，用最少的操作来达到最大的性能 虚拟 DOM 作用 维护视图和状态的关系 复杂视图情况下提升渲染性能 跨平台 浏览器平台渲染DOM 服务端渲染 SSR(Nuxt.js/Next.js) 原生应用(Weex/React Native) 小程序(mpvue/uni-a
阅读全文
摘要：Vue 响应式原理模拟 接上一步 模拟一个 简易版的 vue 整体分析 Vue 基本结构 打印 Vue 实例观察 整体结构 Vue 要实现的 功能 负责接收初始化的参数（选项） 负责把 data 中的属性注入到 Vue 实例，转换成 getter/setter 负责调用 observer 监听 da
阅读全文
摘要：前期准备工作 数据驱动 响应式的核心原理 发布订阅者模式和观察者模式 数据驱动 数据响应式 数据模型仅仅是普通的 JavaScript 对象，而当我们修改数据时，视图会进行更新，避免了繁琐的 DOM 操作，提高开发效率 双向绑定 数据改变，视图改变；视图改变，数据也随之改变 我们可以使用 v-mod
阅读全文
摘要：Vue Router 实现原理 会用到以下几个前置知识 插件 混入 Vue.observable() 插槽 render 函数 运行时和完整版的 Vue 概念 当前端路由切换的时候，在浏览器端判断当前路径，并加载当前路径对应的组件 Hash 模式 URL 中 # 后面的内容作为路径地址 监听 has
阅读全文
摘要：Vue3.0 Beta 北京时间4月21日，Vue 作者尤雨溪大大受邀和他的朋友在 bilibili 平台直播间分享了关于 Vue3.0 Beta的一些新特性。 一、视频链接 这个是我在 bilibili 找了个完整版的。 这个是在掘金社区 剪掉了前期调试部分直接进入主题部分 的。 二、搬运工 我是
阅读全文
摘要：vscode vue 模版 继上篇文章（vue 格式化），顺便记录下 vue 模版生成。图片就不在贴了，如果有找不到 vscode 插件商店的可以访问上篇文章。 一、安装 VueHelper 在 vscode 软件商店里搜索插件 VueHelper 插件 进行安装。 二、打开 配置文件 打开 vsc
阅读全文
摘要：vscode vue 格式化 最近重新搞了下电脑，重装了 vscode 软件，在用 vue 写项目的时候，照例开启了 ESLint 语法检查，但是发现在使用 vscode 格式化快捷键的时候（shift+alt+F）各种报错，单双引号，函数空格各种问题。因为 vscode 它自身的那个格式化插件是不
阅读全文
