随笔分类 - Vue
摘要：一 、Vue3的变化 1.性能的提升 打包大小减少41% 初次渲染快55%, 更新渲染快133% 内存减少54% 2.源码的升级 使用Proxy代替defineProperty实现响应式 重写虚拟DOM的实现和Tree-Shaking 3.拥抱TypeScript Vue3可以更好的支持TypeSc
阅读全文
摘要：简介 jwt 即对用户登录状态的一种标识，需要带着返回的 token 来向后端发起请求，后端服务器根据 token 进行判断是否正确、过期来判断用户的状态，进而决定是否向前端发送数据。 这里记录一下前端如何对 token 或者其他数据进行存储。 Cookies 数据会放到客户端浏览器的 cookie
阅读全文
摘要：认识路由 什么是路由？ 在生活中, 我们有没有听说过路由的概念呢? 当然了, 路由器嘛。 路由器是做什么的? 你有想过吗?WIFi? 路由器提供了两种机制: 路由和转送. 路由是决定数据包从来源到目的地的路径. 转送将输入端的数据转移到合适的输出端. 路由中有一个非常重要的概念叫路由表. 路由表本质
阅读全文
摘要：认识Vuex Vuex是做什么的? Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用 集中式存储管理 应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 t
阅读全文
摘要：插件 作用：插件的作用是增强Vue。本质：插件的本质是一个对象，且是一个具有install方法的对象。 install方法的第一个参数是Vue对象，第二个及以后的参数是开发者自定义传入的。 install方法的第一个参数是Vue，所以 自定义指令（Vue.directive()）、自定义过滤器 (V
阅读全文
摘要：定义 混入（mixin）提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项（如data、methods、mounted等等）。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。 个人理解： 就是有很多组件需要同一个方法。同一个变量。
阅读全文
摘要：1. 环境准备 首先需要安装的是 node.js ，官方下载地址：Node.js 中文网 安装比较简单，一直点就行，下载完自带 node、npm 。最后需要加入环境变量。 node: 等同于 python npm: 等同于 pip 使用 npm 下载 Vue CLI 其是用于快速 Vue.js 开发
阅读全文
摘要：什么是 vue-cli vue-cli(俗称：vue 脚手架)是 vue 官方提供的、快速生成 vue 工程化项目的工具。 特点：① 开箱即用，② 基于 webpack，③ 功能丰富且易于扩展，④ 支持创建 vue2 和 vue3 的项目 vue-cli 的中文官网首页：https://cli.vu
阅读全文
摘要：一、组件化开发介绍 1.组件是什么？有什么用？ 组件就是：扩展 HTML 元素，封装可重用的代码，目的是复用 例如：有一个轮播图，可以在很多页面中使用，一个轮播有js，css，html 组件把js，css，html放到一起，有逻辑，有样式，有html 组件的分类： 全局组件：可以放在根中 局部组件：
阅读全文
摘要：一：生命周期图 官网原图 我理解的图 二、生命周期 钩子函数描述 beforeCreate 创建Vue实例之前调用 created 创建Vue实例成功后调用（可以在此处发送异步请求后端数据） beforeMount 渲染DOM之前调用 mounted 渲染DOM之后调用 beforeUpdate 重
阅读全文
摘要：一、基于jQuery的ajax前后端交互模式 版本1 - 出现了跨域问题 前端：index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Vue与后端交互 - 出现了跨域问题</title> <s
阅读全文
摘要：一、Mustache语法（模板语法） 语法格式：{{}} 我们可以像下面这样来使用，并且数据是响应式的 示例代码： <head> <meta charset="UTF-8"> <title>Mustache语法</title> <script src="../static/vue.js"></scr
阅读全文
摘要：一、前端的发展史 1.HTML(5)、CSS(3)、JavaScript(ES5、ES6)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 2.Ajax的出现 -> 后台发送异步请求，R
阅读全文
