m0_62645012的博客

而且在服务器端接受到 JSONP 请求后需要设置 请求头，添加 Access-Control-Allow-Origin 属性，属性值为 * ，表示允许所有域名访问，这样浏 览器才会正常解析，否则会报 406 错误。同源安全策略 默认阻止“跨域”获取资源。Access-Control-Allow-Headers 用在对预请求的响应中，指示实际的请求中可以使用哪些 HTTP 头。Access-Control-Allow-Methods 指定对预请求的响应中，哪些 HTTP 方法允许访问请求的资源。

Web内容的源由用于访问它的URL 的方案(协议)，主机(域名)和端口定义。只有当方案，主机和端口都匹配时，两个对象具有相同的起源。同源不同源一句话就可以判断：就是url中 scheme host port 都相同即为同源。下面认识下url 结构中的这三个部分。

使用axios来请求后端接口，一般会对axios进行一些配置（比如配置基础地址，请求响应拦截器）所以项目开发中都会对axios进行基本的二次封装，封装到一个request模块中，便于维护使用。

vuex是一个vue的状态管理工具，状态就是数据大白话：vuex是一个插件，可以帮我们管理vue通用的数据(多组件共享的数据)

单页面应用程序之所以开发效率高，性能高，用户体验好 最大原因就是：页面按需更新按需更新，首先需要明确: 访问路径和组件的对应关系---路由生活中的路由：设备和ip的映射关系Vue中的路由： 路径和组件的映射关系。

定义slot插槽的同时，是可以传值的，给插槽上 可以绑定数据， 将来 使用组件时可以用。3. 在template中，通过 #插槽名='obj'接收，默认插槽名为 default。插槽的后备内容：封装组件时，可以为预留的插槽提供后备内容（默认内容）通过插槽完成内容的定制，传什么显示什么，但是不传，则是空白。需求：一个组件有多处结构需要外部传入标签，进行定制。简写：v-slot:插槽名 简化---- #插槽名。1. 给slot标签，以添加属性的方式传值。使用组件时，标签内部，传入结构替换slot。

v-model本质是一个语法糖，例如在输入输入框上，就是value属性和input数据的合写（注意不同form表单元素也有checked）2. 恰当时机，通过this.$refs.xxx，获取目标组件，就可以调用组件对象里面的方法。场景：封装弹框类的基础组件，visible属性 true 显示，false隐藏。作用：利用ref和$refs可以用于获取dom元素或组件实例。作用：利用ref和$refs可以用于获取dom元素或组件实例。本质：就是 :属性名和@update:属性名 合写。

2. A组件（接收方）,监听Bus实例的事件。3. B组件（发送方）,触发Bus实例的事件。非父子组件之间，进行简易的消息传递（复杂场景→Vuex）2. 子/孙组件inject取值使用。组件通信，就是指组件与组件之间的数据传递。文件名：EventBus.js。

自己定义的指令，可以封装一些dom操作，扩展额外功能。

{{item.id}}{{item.name}}{{item.author}}删除

Vue Cli是Vue官方提供的一个全局命令工具可以帮助我们快速创建一个开发Vue项目的标准化基础架子【集成了webpack配置】脚手架目录文件介绍&项目运行流程组件化开发&跟组件App.vue文件（单文件组件）的三个组成部分。

概念：基于现有的数据，计算出来新的属性，依赖的数据变化，自动重新计算。

语法：v-for="(item,index) in 数组" (item每一项，index下标)通过"."指明一些指令的后缀，不同后缀封装了不同的处理操作 ---》简化代码。语法：v-if="表达式" 表达式值：true 显示，flase 隐藏。语法：v-bind:属性名="表达式" 简写：:属性名="表达式"v-html="表达式" ->动态设置元素innerHTML。语法：v-else v-else-if="表达式"语法： v-bind:class="对象/数组"作用：控制元素显示隐藏（条件渲染）