Concise200的博客

最近总刷到数据代理就是数据劫持这样的说法的文章，可是我真的不信！！！然后我就找了源码梳理函数调用的过程，发现数据代理和数据劫持确实不是同一个东西。本篇文章记录用于复习、回顾。

本篇文章是我在复习Vue的过程中，整理总结出来的。其中包括Proxy、Object.defineProperty的基本使用，以及Vue3为什么会使用Proxy代替Object.defineProperty进行数据劫持，实现响应式。

本篇文章用于记录项目前端部署上线遇到的问题，包含对问题的思考、解决思路，以及从中获得的收获。正确的部署流程我也写了一篇文章，供大家参考。

【Vue3 Composition AP】vs【Vue2 Options API 】Options API 存在的问题Composition API 的优势Options API 存在的问题在传统OptionsAPI中，数据、方法等分别在data，methods中。随着业务复杂度越来越高，代码量会不断的加大；由于相关业务的代码需要遵循option的配置写到特定的区域，导致后续维护非常的复杂，代码可复用性也不高。Composition API 的优势通过配合hook函数，我们可以更加优雅的组织我们的

Vue3相对于Vue2的改动1. 全局API的转移2. 过度类名的更改3. 移除注意：附上Vue3学习笔记，已经在学习笔记里记录的就不再记录了！！！1. 全局API的转移Vue 2.x 有许多全局 API 和配置，例如：注册全局组件、注册全局指令等。Vue3.0中对这些API做出了调整，将全局的API，即：Vue.xxx调整到应用实例（app）上2.x 全局 API（Vue）3.x 实例 API (app)Vue.config.xxxxapp.config.xxxxVue

Vue3快速上手1. 分析工程结构main.jsApp.vue2. setup3. ref()4. reactive()5. Vue3.0中的响应式原理vue2.x的响应式Vue3.0的响应式6. reactive和ref的区别1. 分析工程结构如图所示，是使用 vue-cli 创建的结构，和Vue2基本相同。main.js其中变化最大的是 main.js文件在Vue2中我们通过import Vue from 'vue'引入了Vue构造函数。然后通过new关键字创建Vue对象实例。//引入

Vue UI 组件库移动端常用 UI 组件库PC 端常用 UI 组件库移动端常用 UI 组件库Vant https://youzan.github.io/vantCube UI https://didi.github.io/cube-uiMint UI http://mint-ui.github.ioPC 端常用 UI 组件库Element UI https://element.eleme.cn IView UI https://www.iviewui.comNutui https:

Vue路由——vue-router的简单使用

Vuex学习1.概念2.何时使用3. 原理图分析4.搭建vuex环境5. 基本使用代码结构Count.vueindex.jsApp.vuemain.js效果1.概念Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态（数据）。Vuex 也集成到 Vue 的官方调试工具 devtools 。简单来说，Vuex是在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适

Vue中插槽使用——默认插槽、具名插槽、作用域插槽插槽(slot)默认插槽具名插槽作用域插槽插槽(slot)作用：让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于 父组件 ===> 子组件分类：默认插槽、具名插槽、作用域插槽默认插槽category.vue<template> <div class="category"> <h3>{{title}}分类</h3> <!-- 定义一个插槽

Vue中的ajax1. 代理服务器方法一方法二2. axios1. 代理服务器在前端开发中，我们经常使用cors和jsonp解决跨域问题。在Vue中，除了使用前两种方法外，我们可以借助代理服务器解决该问题。如果你的前端应用和后端 API 服务器没有运行在同一个主机上，你需要在开发环境下将 API 请求代理到 API 服务器。方法一在vue.config.js中添加如下配置：devServer:{ // 这里的5000为服务器的端口号 proxy:"http://localhost:5000

Vue 脚手架1. 初始化脚手架2. 脚手架文件结构分析3. ref属性4. props配置项5. mixin混入6. 插件7. scoped样式Vue CLI是一个基于 Vue.js 进行快速开发的完整系统，通过 @vue/cli 实现的交互式的项目脚手架。1. 初始化脚手架1.首先（仅第一次执行）在终端执行npm install -g @vue/cli全局安装@vue/cli。2.切换到你要创建项目的目录，然后使用命令创建项目 vue create xxxx3.执行命令npm run se

Vue组件化编程1.组件化编程 vs 传统方式编程2. 组件与模块3. 非单文件组件定义组件注册组件使用组件完整代码组件名 / 组件标签1.组件化编程 vs 传统方式编程传统方式编程在代码复用上比较麻烦，复用率不高。且在大型项目中若使用传统方式编程，文件依赖关系混乱，不好维护。组件方式编程很好的避免了传统方式编程的缺点，通过引入提高代码复用率。2. 组件与模块js的模块化简单理解就是将一个复杂的js文件拆分为多个js文件 。在 js 文件很复杂的情况下， 模块可以复用 js, 简化 js

结合Vue官网生命周期图示，通过代码调用每个生命周期函数，深刻理解每个生命周期钩子

Vue入门级基础学习笔记二1. 绑定样式1. 绑定样式

Vue从入门到精通1. Vue介绍2. 初识 Vue2.1 知识点12.2 知识点22.3 模板语法插值语法（双大括号表达式）指令语法（以 v-开头）代码2.4 数据绑定单向数据绑定双向数据绑定代码2.5 data与el的2种写法datael2.6 MVVM 模型2.7 数据代理Object.defineProperty数据代理Vue中的数据代理2.8 事件处理基本使用事件修饰符1. Vue介绍Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用(简单