官网：https://cn.vuejs.org/v2/guide/2、前

前言当组件发生更新时会重新执行render方法生成新的vnode节点，而当新旧vnode都是一组节点时，为了以最小的性能开销完成更新操作，需要比较两组子节点，其中用于比较的算法就叫Diff算法。Vue中的Diff算法实际上也是一个逐步演进的过程，那么下面就来看看它是如何演进、优化成如今的Diff算法的。简单diff算法在进行新旧两组子节点的更新时，去遍历新旧一组子节点中长度较短的一组，目的是为了尽

参考官网：https://v2.cn.vuejs.org/v2/guide/components-registration.html1作用省略import引入组件省略在main.js中注册实现自动化引入组件

涉及爷爷组件和孙组件通信，孙组件可以emit数据到父组件，父组件再emit数据到爷爷组件，实现组件通信，但是比较繁琐使用$listeners可以实现孙组件的数据直接传递到爷组件中去官网原文：https://v2.cn.vuejs.org

参考资料：https://cn.vuejs.org/https://router.vuejs.org/zh-cn/写项目的方法一、vue+jqueryvue支持IE9+vue-V查看版本（注意大写）二、

制作前后端分离图书信息管理系统的思路：1、前端部分首先，我们可以使用VueJS作为前端框架，并通过VueCLI工具进行创建和管理项目。

组件间通讯Vuexhttps://vuex.vuejs.org/zh/基本原理数据提取到父级//index文件importVuefrom'vue'importVuexfrom"vuex"importtabfrom

在使用vue3+ts配置全局变量，需要添加一下扩展文档https://cn.vuejs.org/guide/reusability/plugins.html

Vue1.Vue简介渐进式js框架------>简化页面中的js开发官网：cn.vuejs.org了解：jQuery是js框架渐进式：易用灵活高效通俗定义：vue的出现可以让我们在页面中完成特别复杂的操作

Vue参考资料：https://cn.vuejs.org/https://router.vuejs.org/zh-cn/写项目的方法一、vue+jqueryvue支持IE9+vue-V查看版本（注意大写

软件安装vue官方文档：简介|Vue.js(vuejs.org)介绍了vue使用方法。微信公众号：Java学习指南，回复：软件使用软件webStorm作为开发工具。安装nodejs16版本。

使用vue-cli创建模板项目说明vue-cli是vue官方提供的脚手架工具github:https://github.com/vuejs/vue-cli作用:从https://github.com/vuejs-templates

框架element-饿了么出品的Vue2的webUI工具套件mint-ui-Vue2的移动UI元素iview-基于Vuejs的开源UI组件库Keen-UI-轻量级的基本UI组件合集vue-material

基于json驱动的模块配置，打造最好用的vuejs中后台脚手架。官网：https://bladex.cnSpringBlad

https://router.vuejs.org/zh/guide/advanced/navigation-guards.html#%E5%85%A8%E5%B1%80%E8%A7%A3%E6%9E%90%

letpluginValue=[];if(process.env.VUE_DORP_DEBUGGER==="true"){constBundleAnalyzerPlugin=require("webpack-bundle-analyzer").BundleAnalyzerPlugin;constTerserPlugin=require("terser-webpack-plugin");constC

视图集动作Vue脚手架介绍|VueCLI(vuejs.org)axios一个疑惑这样好像是可以的，但是需要再次确认和理解。

Vuex简介vuex的官方网址如下https://vuex.vuejs.org/zh/阅读官网请带着几个问题去阅读：vuex用于什么场景？vuex能给我们带来什么好处？我们为什么要用vuex?

uRequestuGetLocationuShowToastuShowLoadinguHideLoadinguShowModaluShowActionSheetuNavigateTouNavigateBackuRedirectTouLoginuShareuPay......vuejs

fileURLToPath,URL}from'node:url'import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importvueJsxfrom

在使用若依框架时，如果非根目录的情况下，需要进行一部分设置1、修改项目router配置，router=>index.js：exportdefaultnewRouter({base:'/vuejs-admin

官方文档地址：https://vuepress.vuejs.org/zh/github地址：https://github.com/v

目录背景：0.参考文档0.1介绍|VueCLI(vuejs.org)（官方文档）0.2【vue-cli5bug】npmrunbuild自动编译两次???

vuejs下载地址开发版本：https://cn.vuejs.org/js/vue.js生产版本：https://cn.vuejs.org/js/vue.min.js区别：开发版本包含完整的警告和调试模式

vueui使用图形向导来创建vue项目，如下图，输入项目名选择手动配置项目添加vuerouter和vuex选择版本，创建项目安装devtoolsdevtools插件网址：https://devtools.vuejs.org

一、官方文档安装|VueRouter(vuejs.org)二、安装打开项目终端，输入安装命令npminstallvue-router@4三、引入（1）可以在官方文档中查看入门教程（2）这里我在工程项目中的

我们使用的是.NetCore3.1+原生webSocket，前端使用的是VueJS。在websocket中

1.首先到github上下载vue-devtools的项目，或者使用gitclonegitclone https://github.com/vuejs/vue-devtools.git2.进入解压的文件夹按住

1.打开“终端”，进入想要存放此插件的文件夹2.输入命令克隆vue-devtools的5.1.1版本gitclone-bv5.1.1https://github.com/vuejs/vue-devtools.git3

下载地址https://github.com/vuejs/devtools/tree/vue-2-71.yarnbuild报错刚开始下载的是devtools-main。

首先在官网下载vuejs官网地址：https://github.com/vuejs/devtools点击下述红框部分。下载完成后在点击谷歌右上角，选择更多工具。点击扩展程序。目录选择

安装并编译源码四、将vue-devtools打包成edge插件五、离线安装edge插件一、从github拉vue-devtools源码目前最新的版本是v6.5.0，地址：https://github.com/vuejs

跨域与同源策略前段时间采用Vuejs前端框架+Element-ui组件库+Flask后端框架写了一个技术栈涵盖前后端+数据库的项目，在其中总结了大量知识，为了加深理解，决定分批次深入学习并总结下。

1.基本使用vue2官方文档：https://v2.vuejs.org/v2/guide/vue3官方文档：https://vuejs.org/guide/introduction.html最简单的安装方式是创建一个

方法1、可以在Vue.js的官网上直接下载vue.js文件，并用下载地址：https://vuejs

如果还需要用到一些依赖则需要自己手动安装了，下面我总结了一些可能会用到的依赖安装命令：vuex作用：vue状态管理安装：npminstallvuex--save开源地址：github文档：https://vuex.vuejs.org

作为学习笔记使用二、常用CompositionAPI官方文档:https://v3.cn.vuejs.org/guide/composition-api-introduction.html1.拉开序幕的

解决：去github下载vuetool项目代码：GitHub-vuejs/devtools:⚙️BrowserdevtoolsextensionfordebuggingVue.jsapplications

主要代码：//注意图片的，onload是异步的，如果要封装成工具函数，需要用promise包装一下imgToBase64(url){returnnewPromise((resolve,reject)=>{constimage=newImage()image.src=urlimage.onload=()=>{constcanvas=document.createElement('canvas')ca

|Vuex(vuejs.org)图片来源，vuex官方文档vuex安装npminstallvuex@next--save安装完成后新建目录store目录下新建index.js文件核心概念：vuex相当于全局的参数配置

Thenodebeforewhichthenewnodeistobeinsertedisnotachildofthisnode.关于此问题的一个官方的issue：https://github.com/vuejs

electron-vue的electron-devtools-installer，会在appready的时候，自动装上vuejs_devtools。

官网地址：https://cn.vuejs.org/api/sfc-css-features.html#v-bind-in-cssconst{safeAreaInsets}=uni.getSystemInfoSync

无论是简单还是复杂的界面，Vue都可以胜任官网：https://v3.cn.vuejs.org/Vue优点响应式的数据绑定：当数据发生改变，视图可以自动更新，不用关心DOM操作，而专心数据操作可组合的视图组件

1⃣️、Vue和其他两大框架的区别Angular学习成本太高React代码可读性差Vue学习成本较低很容易上手VUE官方:https://cn.vuejs.org/v2/guide/comparison.html️2⃣️

vue3官网：简介|Vue.js(vuejs.org)1.环境搭建与启动npmcreatevue@latest这一指令将会安装并执行create-vue，它是Vue官方的项目脚手架工具之后，你将会看到一些诸如

vue官网网址：https://cn.vuejs.org/vue脚手架文档网址：https://cli.vuejs.org/zh/vue团队为了使得vue更加好的使用，维护了一些文档。

插件：插件(Plugins)是一种能为Vue添加全局功能的工具代码（也可以注册组件）https://cn.vuejs.org/guide/reusability/plugins.html全局注册组件：https

输入项目名选择手动配置项目添加vuerouter（实现组件之间跳转）和vuex（实现组件之间共享）选择版本，检查错误级别，创建项目安装devtoolsdevtools插件网址：https://devtools.vuejs

尚硅谷Vue系列教程学习笔记（3）参考课程：《尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通》参考链接：https://www.bilibili.com/video/BV1Zy4y1K7SH