CYL_2021的博客

遇到那就说明跨域了跨域是因为浏览器的同源策略所导致，同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，同源是指：域名、协议、端口相同。如果其中有一项不同，即出现非同源请求，就会产生跨域。跨域并不是请求发不出去，请求能发出去，服务端能收到请求并正常返回结果，只是结果被浏览器拦截了。

本次练习在使用vue3+vue-router4实现路由切换页面动画时，本来以为使用transition就可以直接完成了，但没想到过程中问题不断，接下来就总结一下出现的问题。

在script标签中添加过setup，组件只需引入不用注册，属性和方法也不用返回，也不用写setup函数，也不用写export default。注意： defineProps、defineEmits、defineExpose API 不需要引入可以直接使用。的组件默认不会对外部暴露任何内部声明的属性。如果有部分属性要暴露出去，可以使用 defineExpose。问题：没有setup函数，应该怎么获取props，emit，attrs呢。什么是setup语法糖？

ref的使用

基础代码：由于fullName1只有getter方法（只读），不能设置新的值，只能获取改变user.lastNameget方法在获取的时候调用，set方法在值改变的时候调用监视一个数据：watch监视多个数据:使用数组来指定如果是ref对象, 直接指定如果是reactive对象中的属性, 必须通过函数来指定不用直接指定要监视的数据, 回调函数中使用的哪些响应式数据就监视哪些响应式数据默认初始时就会执行第一次, 从而可以收集需要监视的数据监视数据发生变化时回调...

安装vue-router：npm install vue-router --save注：直接下载可能出现如下问题原因：可能是因为vue-router的版本过高解决：下载低版本的（不加版本号默认都是下载最新版本的）例如：npm install vue-router@3.2.0在router文件夹下的index.js中使用它1)导入路由对象，并且调用 Vue.use(VueRouter)2)创建路由实例，并且传入路由映射配置3)在Vue实例中挂载创建的路由实例使用步骤1）创建路由组件（co

ths.$set()

父组件向子组件传递信息，通过propsprops数据验证：#props用于父组件向子组件传递数据，还有一种比较常见的是子组件传递数据或事件到父组件中。当子组件需要向父组件传递数据时，就要用到自定义事件了。我们之前学习的v-on不仅仅可以用于监听DOM事件，也可以用于组件间的自定义事件。#自定义事件的流程：在子组件中，通过$emit()来触发事件。在父组件中，通过v-on来监听子组件事件。三. 非父子组件之间的通信1.创建bus2.使用bus发送方：接受方：四.父子组件间的通信方

目录1.什么是组件化2.注册组件的基本步骤3.组件补充全局组件和局部组件 父组件和子组件语法糖注册全局组件和局部组件模板的分离写法Vue组件数据的存放父子组件的通信通过props向子组件传递数据子级向父级传递（自定义事件）父子组件的访问方式1.什么是组件化1）如果我们将一个页面中所有的处理逻辑全部放在一起，处理起来就会变得非常复杂，而且不利于后续的管理以及扩展。2）但如果，我们讲一个页面拆分成一个个小的功能块，每个功能块完成属于自己...