CYK_byte的博客

在自定义配置的 router.js 中，配置 HashHistory （其他的不行！前端不要自己配置 server {proxy ...}！，否则会和上面配置冲突！使用 npm run build 命令打包，直接访问 dist/index.html 即可。Ps：主要 regenerator-runtime/runtime 在解决跨域警告。

a）这里我们只需要在 vite.config.js 文件中引入 elementPlus 的解析器，然后把她交给 Components 按需引入插件即可.之后就可以观察到项目中多出了 node_modules 文件（这个文件中存放的就是下载好的依赖），然后通过 npm run dev 就可以成功了。c）接下来你会发现，在 Home.vue 组件中使用 Foo.vue 组件，就可以不用写 import 了~a）例如我们在 Home.vue 文件中使用 ref 写了一个计数器（点击按钮，count++）.

f）特殊情况：当监视的是 reactive 定义的对象中的某个属性对象或者当前对象，并且第一个参数返回的是 回调方法，deep也会生效，默认非深层监视.c）虽然实现了响应式，但是这相当于是重新创建了一个新的 ref 对象，对这些数据的修改不会影响源数据，因此就需要使用 toRef 了~不用指明监视的是哪个属性，只要监视的回调中用到哪个属性发生变化了，就会重新执行回调（挂载的时候也会执行一次）.通俗来讲，是对源对象的属性的浅拷贝，并且将源对象对应的属性改成响应式的.

vue3 中有一个新的配置项，值是一个函数. 他是所有组合 API 的“舞台”，也就是说，之前 vue2 组件中使用到的 data、methods...... 都要配置在 setup 中.

以下过程凡是涉及到终端的使用，一定都要使用 管理员 方式打开！

这里就创建 Vditor 实例，指定 id 为 vditor，返回页面就可以看到效果了~

这里推荐一个 CSS 属性网站，里面的样式很全，忘记了也可以在这里查~

Vuex 就是一个统一管理状态的工具.以往如果需要将一个组件的中的数据分享到其他组件上，就需要使用 props ，并且只能单向传递，并且一旦修改某一个共享数据的状态，还需要通知其他组件更新，非常不便于操作.

如果你后端使用的是微服务项目，通过配置网关可以很好的解决跨域问题；如果你使用 SpringBoot + Vue 来写项目，可以在 Controller 上加 @CrossOrigin 来解决跨域，但是一旦你在后端配置了拦截器（比如通过 HandlerInterceptor 配置登录拦截器），那么此时再解决跨域这个问题就很困难了.Ps：在网上搜索 "Spring Boot 拦截器跨域问题解决" 会有大把大把的办法，但亲测没一个能用...

f）这个问你是否进行单词校验，校验出错会有红色波浪线. 这里不需要，因为你可能会写很多特殊字符，因此输入 n 回车即可.之后他就会去构建项目了，如果此时出现了如下错误，说明你权限不够，要使用管理员的方式打开命令行，再执行上述步骤.b）接下来会问你项目描述是否叫（默认）："A Vue.js project". 如果不想改，直接回车即可.d）接下来会问你，是否采用运行 + 编译的方式，实际上就是是否要热部署的意思，直接回车即可.h）接下来问你是否要使用 npm 来管理项目，这个肯定是需要的，直接回车即可.

在创建 VueRouter 中，path 还有一个 children 参数，用来定义嵌套子组件路由.通过 Vue Router 可以将现有的 Vue 开发更灵活，使得一个页面中展示多个不同的组件.a）如下四种路由传参方式（推荐最后一种）之后你就可以直接写切换路由的方法了.例如 /login/cyk/1111。a）如下三种传参方式（推荐最后一种）a）例如通过点击事件，触发路由切换。在创建路由规则对象之后加入如下配置。3.点击提交后，回归用户列表路由。b）注册组件和创建路由规则。b）解决方法二：官方配置。

父组件向子组件传递静态数据：在使用的组件标签上，声明静态数据 key=value (key 是自定义的)，最后在子组件的 props 中声明对应的 key 即可。定义方式：Vue.component(' ', {}) ，第一个参数是组件名，第二个参数是配置对象.父向子传递事件：在组件标签上定义 @key=value (@自定义事件名=父组件中的事件名) 即可。Ps：无论是使用全局组件还是局部组件，都必须在组件 template 中添加唯一根元素.局部组件：只能在注册组件中使用组件.

axios 用来在前端页面发起一个异步请求，请求之后页面不动，响应回来刷新局部.1.为什么不使用 ajax 呢？官方：在 jQuery 中推荐使用 ajax 技术， Vue 里面不推荐使用 jQuery 框架，因此 Vue 更推荐使用 axiox 异步请求库（axios并不是 vue 官方库）.2.axios 特性可以从浏览器中创建 XMLHttpRequests可以从 node.js 中创建 http 请求.支持 Promise API.支持拦截请求和响应.转换请求数据和响应数据.

前置条件：掌握 HTML、CSS、JavaScript、AJAX.工具：VsCode.插件：Live Server（浏览器实时预览）Ps：建议都提前下载下来，没网的时候也能用.