06 2023 档案
摘要：要检查是否存在跨域问题，可以使用浏览器的开发者工具进行检查。以下是一些常用的方法： 1. 查看控制台错误：打开浏览器的开发者工具（一般按 F12 键），切换到 "Console"（控制台）选项卡，查看是否有与跨域相关的错误信息。常见的跨域错误包括 "Cross-Origin Request Bloc
阅读全文
摘要：## 含义 打包是指将项目的源代码、依赖和资源文件等进行处理和转换，最终生成可供部署和运行的静态文件集合的过程。而 `dist` 文件夹是存放打包生成的文件的目录。 一般来说，在打包过程中，自动化构建工具会根据项目的配置和规则，将源代码进行转换、压缩和优化，并将生成的静态文件输出到指定的目录，通常是
阅读全文
摘要：路由 含义及原理 路由（router）就是对应关系。地址与页面上组件的对应关系。Hash地址与组件之间的对应关系！ 锚链接 锚链接不会使页面刷新，但有浏览历史。 （Anchor Link）是指在网页中通过链接跳转到同一页面的不同位置的技术。它可以让用户通过点击链接或者页面内部的锚点，直接跳转到页面的
阅读全文
摘要：axios的挂载 请求示例 如下，每一次都要导入axios，每一个组件都相当于vue的实例。 <template> <div class="left-container"> <h3>left</h3> <button @click="getInfo">GET</button> </div></tem
阅读全文
摘要：自定义指令 含义 vue官方提供了v-text,v-bind,v-for,v-model,v-if等常用指令，除此之外vue还允许开发者自定义指令。 自定义指令分为两类： 私有自定义指令 全局自定义指令 注意事项 自定义指令使用时需要添加 v- 前缀 指令名如果是多个单词，要使用 kebab-cas
阅读全文
摘要：插槽 含义 插槽（slot）是vue为组件的封装者提供的能力，允许在封装组件时，把不确定的，希望由用户指定的部分定义为插槽。可以理解为组件封装期间，为用户预留的内容占位符。 封装组件的目的是为了实现UI结构的复用 假设在一个组件<myCount>中，需要有一个部分，这个部分是不确定的，可能是<div
阅读全文
摘要：动态组件 含义 动态切换组件的显示和隐藏。 vue提供了一个内置的<component>组件,专门用来实现动态组件的渲染。可以把其理解为占位符。 要展示哪个组件，就指定要展示的名称。 <template><div class="app-container"> <!-- 3.点击按钮，动态切换组件的名
阅读全文
摘要：ref引用 ref 在vue中，不需要操作dom，只需要维护数据。 ref在不需要依赖jquery的情况下，获取dom元素或组件的引用。 每个vue的组件实例上，都包含一个 $refs 对象，里面存储着对应dom元素或组件的引用。 默认情况下，组件的$refs指向一个空对象。 ref可以父传子，也可
阅读全文
摘要：组件之间的数据共享 组件之间的关系： 最常见：父子关系；兄弟关系 关于传递 传递对象的引用 在 Vue 的组件中，使用 props 传递数据时，对于对象类型的属性，实际上是传递对象的引用。 在给子组件 <son> 传递 user 属性时，如果 userinfo 是一个对象，那么传递的是该对象的引用，
阅读全文
摘要：指令 指令的概念（6种） 指令（Directives）是vue为开发者提供的模版语法，用于辅助开发者渲染页面的基本结构。 按照不同的用途可以分为以下6大类 内容渲染指令 属性绑定指令 事件绑定指令 双向绑定指令 条件渲染指令 列表渲染指令 1. 内容渲染指令p37 内容渲染指令用来辅助开发者渲染DO
阅读全文
摘要：生命周期Life Cycle 含义 指一个组件从创建->运行->销毁的整个时间段，强调的是一个时间段。 生命周期函数 含义 vue框架提供的内置函数，会伴随组件的生命周期，自动按次序运行。 分类 组件创建阶段 组件运行阶段 组件销毁阶段 1. 组件创建阶段 最多只执行一次 new Vue() ——>
阅读全文
摘要：props 含义 props是组件的自定义属性，在封装通用组件的时候，合理的使用props可以极大地提高组件的复用性。 注意：全局组件在main.js里注册；使用者中标签直接调用（注意v-bind）；组件里注意props的只读性。 method单行代码简写 仅单行能这么写 <template><di
阅读全文
摘要：vue组件 含义 根据封装的思想，把页面上可重用的UI结构封装为组件，从而方便项目开发维护。 vue中的组件化开发（形式） 规定：组件的后缀名为.vue，App.vue本质就是一个vue的组件。 3个组成部分 每个.vue组件都由三个组成部分构成 template：组件的模版结构 script：组件
阅读全文
