
vue
文章平均质量分 86
顾青菜
么么哒~~~
展开
-
vue-router原理
一、核心原理1.什么是前端路由?在 Web 前端单页应用 SPA(Single Page Application)中,路由描述的是 URL 与 UI 之间的映射关系,这种映射是单向的,即 URL 变化引起 UI 更新(无需刷新页面)。2.如何实现前端路由?要实现前端路由,需要解决两个核心: 如何改变 URL 却不引起页面刷新? 如何检测 URL 变化了? 下面分别使用 hash 和 history 两种实现方式回答上面的两个核心问题。hash 实现(前置知识:http原创 2021-09-23 13:54:31 · 213 阅读 · 1 评论 -
实现一个简单的虚拟dom
原文地址:https://github.com/livoras/blog/issues/13一、用JS对象模拟DOM树function Element(tagName, props, children) { this.tagName = tagName this.props = props this.children = children}function createElement(tagName, props, children){ return new E转载 2021-09-22 16:02:09 · 264 阅读 · 0 评论 -
vue.use()分析和插件实例
在做 vue 开发的时候大家一定经常接触Vue.use()方法,官网给出的解释是:通过全局方法Vue.use()使用插件。它需要在你调用new Vue()启动应用之前完成:// 调用 `MyPlugin.install(Vue)`Vue.use(MyPlugin)new Vue({ // ...组件选项})也可以传入一个可选的选项对象:Vue.use(MyPlugin, { someOption: true })Vue.use会自动阻止多次注册相同插件,届...转载 2021-08-02 15:35:26 · 390 阅读 · 0 评论 -
vue2源码分析之响应式原理
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2021-06-18 11:15:01 · 435 阅读 · 0 评论 -
vue2+axios接口调用实践
鉴于原生ajax调用产生的配置混乱等等一系列问题,实际项目中一般使用api更友好的axios来调用接口。一个完整的请求大概流程是1、准备请求参数 2、设置请求函数(主要是包括请求方法、请求路径、有时还需设置请求头token、请求格式等等)3、处理请求成功、失败的情况。成功更新数据,失败一定要给予用户适当提示。axios是基于promise用于浏览器和node.js的http客户端。功能: 从浏览器中创建 XMLHttpRequest 从 node.js 中创建 htt..原创 2020-11-18 19:06:13 · 4330 阅读 · 0 评论 -
vue-ssr入门浅析(未完成……)
SSR(Server-Side Rendering),即服务端渲染。所谓服务端渲染,一个组件渲染为服务器端的 HTML 字符串,将它们直接发送到浏览器,最后将这些静态标记"激活"为客户端上完全可交互的应用程序。以下简述vue ssr步骤1、安装渲染器vue-server-renderernode服务器express根目录下创建server文件夹=>创建index.js文件...原创 2020-09-17 20:39:36 · 266 阅读 · 0 评论