Vue体系知识点
关注
分享
扫一扫
文章平均质量分 95
VUE 系统知识点
心静如莲_心如止水
这个作者很懒，什么都没留下…
展开
-
一、Vue知识点串讲-Vue核心内容精讲
一、Vue知识点串讲复习一下Vue中的核心知识点。复习完基本的知识点以后，后面再来看一下其它的面试内容1、基本使用下面，先来看一段最简单的代码，如下所示：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /&原创 2023-05-06 03:47:54 · 280 阅读 · 0 评论 -
二、Vue Router-核心内容精讲
Vue Router一、Vue Router 回顾1、路由简介路由是一个比较广义和抽象的概念，路由的本质就是对应关系。在开发中，路由分为： 后端路由 前端路由后端路由概念：根据不同的用户 URL 请求，返回不同的内容本质：URL 请求地址与服务器资源之间的对应关系[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0FUADVcu-1683296278715)(images/后端路由.png)]SPA（Single Page App原创 2023-05-07 02:32:44 · 323 阅读 · 0 评论 -
三、Vue响应式原理-核心内容精讲
Vue响应式原理1、课程目标模拟一个最小版本的Vue响应式原理在面试的常问问题实际项目中出现问题的原理层面的解决 给Vue实例新增一个成员是否是响应式的？ 给属性重新赋值成对象，是否是响应式的？为学习Vue源码做铺垫。2、数据驱动在实现整个Vue响应式代码之前，我们先来了解几个概念。第一个：数据驱动第二个：响应式的核心原理第三个：发布订阅模式和观察这模式我们先来看一下数据驱动的内容：数据响应式，双向绑定，数据驱动（我们经常看到这几个词）数据响应式：数据模型仅仅原创 2023-05-07 02:36:28 · 149 阅读 · 0 评论 -
四、Virtual DOM的实现原理-核心内容精讲
Virtual Dom(虚拟DOM),是由普通的JS对象来描述DOM对象，因为不是真实的DOM对象，所以叫做我们为什么用虚拟DOM来模拟真实的DOM呢？因为我们知道一个DOM对象中的成员是非常多。所以创建Dom对象的成本非常高。如果使用虚拟Dom来描述真实Dom,就会发现创建的成员少，成本也就低了。原创 2023-05-08 00:36:37 · 153 阅读 · 0 评论 -
五、Vuex状态管理-Vue核心内容精讲
Vuex是专门为Vue.js设计的状态管理库。Vuex采用集中式的方式存储需要共享的状态。Vuex的作用是进行状态管理，解决复杂组件通信，数据共享的问题。什么情况下使用Vuex?非必要的情况下不要使用Vuex如果是小项目，并且不会涉及到大量组件的通信，不需要使用Vuex,使用反而增加了项目的复杂度。如果是开发大型的单页应用程序，这时会涉及到多个视图依赖于同一状态，并且来自不同视图的行为需要变更同一状态，这时就需要用到Vuex例如：我们后面所要实现的购物车案例。原创 2023-05-09 01:42:12 · 129 阅读 · 0 评论 -
六、Vue服务端渲染-Vue核心内容精讲
渲染简单的理解就是将数据与模板拼接到一起。对我们前端开发人员来说，我们经常访问服务端的接口，获取数据。然后将获取到的数据通过模板绑定的语法绑定到页面中，最终呈现给用户，这个过程就是我们所说的渲染。</</一个基于Vue.js生态的第三方开源服务端渲染应用框架。它可以帮我们轻松的使用Vue.js技术栈构建同构应用。我们除了可以使用自动的配置以外，还可以配置其它的内容。首先看一下base的配置应用的根URL。举个例子，如果整个单页面应用的所有资源可以通过/app/来访问，那么base配置项的值需要设置为。原创 2023-05-09 01:43:42 · 363 阅读 · 0 评论 -
七、Vue常见面试题-Vue核心内容精讲
v-model是vue实现数据双向绑定最好的一个指令,v-model本质上不过是语法糖,它负责监听用户的输入事件以更新数据,当你修改页面的时候v-model自动去更新数据层 (model),当你修改数据的时候v-model自动去更新视图层 (view。原创 2023-05-09 01:46:19 · 234 阅读 · 0 评论 -
八、Vue源码解读-Vue核心内容精讲
一、Vue源码解析–响应式原理1、课程目标Vue.js的静态成员和实例成员初始化过程首次渲染的过程数据响应式原理2、准备工作Vue源码的获取项目地址：https://github.com/vuejs/vue为什么分析Vue2.6? 新的版本发布后，现有项目不会升级到3.0,2.x还有很长的一段过渡期。3.0项目地址https://github.com/vuejs/vue-next源码目录结构(在src目录下面定义的就是源码内容)：compiler: 编译相关（主要作用:就是把模板转原创 2023-05-09 01:47:07 · 588 阅读 · 0 评论 -
九、Vue3-Vue核心内容精讲
一、Vue3.0介绍1、Vue3.0介绍在学习Vue3.0之前，先来看一下与Vue2.x的区别会从如下几点来介绍源码组织方式的变化Composition API性能提升ViteVue3.0全部使用TypeScript进行重写，但是90%的API还是兼容2.x,这里增加了Composition API也就是组合API.在性能方面有了大幅度的提升，在Vue3.0中使用Proxy重写了响应式的代码，并且对编译器做了一定的优化，重写了虚拟DOM,让渲染有了很大的性能提升。同时官方也提供了一款原创 2023-05-09 01:49:10 · 721 阅读 · 0 评论