watch的数据源watch函数的第一个参数是监听的数据源，可以是：ref和computed创建的响应式数据；reactive创建的响应式对象；getter函数；多个数据源组成的数组；注：响应式对象的属性需要使用getter监听。当数据源是响应式对象时，其属性的变更会触发回调函数，但是接收到的newValue和oldValue是一样的，因为对象的引用是同一个。和上一条不同，如果数据源是一个“返回响应式对象”的getter，除非对象的引用变更，否则不会触发回调函数。可以使用deep监听其所有的属性，使用递归实现，开销大，谨慎使用。一般watch是先设置，监听到变化后再触发。如果需要设置的时候就先
效果图:1.首先安装依赖npminstallechartsnpminstallecharts-gl2.mainjs中导入以及挂载importechartsfrom'echarts'import'echarts-gl'Vue.prototype.$echarts=echarts;3.传入数据生成3D的配置项以及option的配置letseries=getPie3D(this.optionData,0);letoption={tooltip:{trigger:"manual",formatter:(params)=>{if(params.seriesName!=="pie2d"){return`$
今天开始使用vue3+ts+node搭建一个简易资金管理系统的前后端分离项目，因为前后端分离所以会分两个专栏分别讲解前端与后端的实现，后端项目文章讲解可参考：后端链接，我会在前后端的两类专栏的最后一篇文章中会将项目代码开源到我的github上，大家可以自行去进行下载运行，希望本文章对有帮助的朋友们能多多关注本专栏，学习更多前端vue知识。然后开篇先简单介绍一下本项目用到的技术栈都有哪几个方面（阅读本文章能够学习到的技术）：vite：快速轻量且功能丰富的前端构建工具，帮助开发人员更高效构建现代Web应用程序。
目录第一章前言第二章准备工作2.1项目打包理解2.1.1打包命令2.1.2理解npmrunserve/dev和npmrunbuild命令2.2nginx参数配置理解2.2.1nginx常用基本命令2.2.2默认配置2.2.3 搭建不同网站的站点2.2.4禁止访问的目录以及一键申请SSL证书验证目录相关设置2.2.5根据文件类型设置过期时间2.2.6 禁止文件缓存2.2.7跨域问题第三章配置参考第一章前言在我们前端开发中也经常需要把前端的静态资源放到服务器中看效果，那么我们就需要用到nginx来配置！！该文章主要以npm为例，当然还有yarn、pnpm，但是知识是相通的！！！第二章准备工作2.1
博主介绍：✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全：1000个热门选题推荐✅Java项目精品实战案例《100套》Java微信小程序项目实战《100套》Python项目实战《100套》感兴趣的可以先收藏起来，还有大家在毕设选题，项目以及论文编写等相关问题都可以给我留言咨询，希望帮助更多的人系统介绍：由于APP软件在开发以及运营上面所
概要介绍首先，了解一下，Vue的整体开发环境。Homebrew：Mac系统下的包管理器，类似于Linux下的apt-get，Windows的控制面板-安装删除程序Node.js：JavaScript运行环境（runtime），不同系统之间不能直接运行各种编程语言，Runtime类似于各国会议上的同声传译npm：Nodejs下的包管理器，类似于Mac下的Homebrewwebpack：Vue的组件都是通过.vue或者像微信小程序的.wxml和.wcss等自定义的，组件都无法被用户通过各种浏览器解析，需要被翻译打包成js文件vue-cli：用来生成模版的Vue工程，相当于按照设计好的图纸来盖房子使
一、安装Node.js以及配置环境变量1、Node获取地址https://nodejs.org/en/download一直默认选项安装，安装好了之后，在环境变量中会自动配置Node的地址，可以在cmd中使用node-v/npm-v命令验证是否下载成功2、设置Node的配置内容（1）在安装目录下新建两个文件夹命名为node_cache，和node_global：其中node_cache是作为缓存目录来使用的，node_global就是全局下载文件的目录；（2）以管理员身份打开cmd,输入以下2条命令npmconfigsetprefix"xxx\Node\node_global"npmconfig
给大家推荐一个实用面试题库1、前端面试题库（面试必备） 推荐：★★★★★地址：web前端面试题库很喜欢‘万变不离其宗’这句话，希望在不断的思考和总结中找到Vue中的宗，来解答面试官抛出的各种Vue问题，一起加油~一、MVVM原理在Vue2官方文档中没有找到Vue是MVVM的直接证据，但文档有提到：虽然没有完全遵循MVVM模型，但是Vue的设计也受到了它的启发，因此在文档中经常会使用vm(ViewModel的缩写)这个变量名表示Vue实例。为了感受MVVM模型的启发，我简单列举下其概念。MVVM是Model-View-ViewModel的简写，由三部分构成：Model:模型持有所有的
虚拟dom虚拟dom是什么?虚拟dom在vue中做了什么?vue渲染两条线虚拟dom是如何提升vue的渲染效率的?局部更新节点数据将直接操作dom的地方拿到两个js对象之中去做比较虚拟dom生成三要素节点类型/目标元素[必须有]节点属性子节点Diff中的patch虚拟dom虚拟dom是什么?a.vue2x才有虚拟domb.本质js对象=>跨平台虚拟dom在vue中做了什么?vue渲染两条线1.首次渲染：将真实dom转化虚拟dom(js对象)2.后续更新：更新的时候做对比vue的渲染过程(htm1，css，js)template>ul>li>1/li>li>2/li>li>3/li>/ul>/t
教程的顺序：1、编写node服务器2、用node连接数据库3、编写前端页面4、前后端交互ok，让我们开始吧1、编写node服务器先下载几个依赖包express（用于网络连接） npmiexpress--savecors（用于处理跨域问题）npmicors--save接下来好还需要处理一下前端传过来的数据，对于get请求无需特殊处理，但是对于post请求发送的数据类型取决于post请求头Content-type的类型。常见三种multipart/form-data、application/x-www-form-urlencode、application/json（最常用）这几种类型想要了解更多可
