07 2022 档案
摘要：访问store实例对象默认值的就是vuex的实例对象 监听器里面有一个immediate：true 立即执行 如果<script setup> </script> 在行为里面不用return 直接运用就可以了 这就是组合式api的强大之处 在setup语法糖当中（<script setup> <>）
阅读全文
摘要：用户登录成功之后需要去验证一下用户登陆是否成功， 成功之后用户获取对应的角色，根据它的角色去查看对应的权限， 最终把用户登录成功的信息以及它对应的权限返回
阅读全文
摘要：或者把item.shortName换成index也行 然后methods节点里面的shortName换成index
阅读全文
摘要：点击之后自动切换类名 点击事件也可以不是在methods节点里面 也没有不是一个函数 形式如下： 增加style样式如下： active就是data数据里面对应的key
阅读全文
摘要：渲染作用域 : 该插槽可以访问与模板其余部分相同的实例 property (即相同的“作用域”)。 作用域： 本质用来访问数据 有时让插槽内容能够访问子组件中才有的数据是很有用的。当一个组件被用来渲染一个项目数组时，这是一个常见的情况，我们希望能够自定义每个项目的渲染方式。 1 <div id="a
阅读全文
摘要：插槽：vue内容分发的机制，只能用在组件当中的 结合v-solt（出口）使用 <solt></slot>其实就是占位的作用 来接收html中组件标签里面的内容 最终页面渲染的是组件的template里的内容 具名插槽 ： v-solt标签只能用于template标签中 在 <slot> 标签 添加
阅读全文
摘要：1 <div id="app"> 2 <!-- 1 组件标签内写入内容 --> 3 <first-child>hello world</first-child> 4 5 <first-child> 6 <p>hello world {{msg}}</p> 7 <ul> 8 <li>xiangmu</
阅读全文
摘要：1 <div id="app"> 2 <first-child ></first-child> 3 <second-child></second-child> 4 </div> 1 <script src="./js/vue.global.js"></script> 2 <script src=".
阅读全文
摘要：1 <div id="app"> 2 <second-child title="父组件的数据" v-bind:msg="msg"></second-child> 3 </div> 1 <script src="./js/vue.global.js"></script> 2 <script> 3 co
阅读全文
摘要：1 <div id="app"> 2 <p>接受数： {{msg}}</p> 3 <three-child v-on:send-msg="getMsg"></three-child> 4 </div> 1 <script src="./js/vue.global.min.js"></script>
阅读全文
摘要：1. 组件标签上添加的属性都是自定义属性，需要通过props进行接受, （与data同级，接受之后在页面里面就不显示了 如果不接受的话可以显示出来） html标签上就是标签本身的属性 2. 组件标签上绑定的事件都是自定义事件， html标签上绑定事件都是原生事件 (vue2 的 解决方案是添加事件修
阅读全文
摘要：1 function getData(url, type, data){ // 这个相当于请求的数据 2 return new Promise((resolve, reject) => { 3 let xhr = new XMLHttpRequest(); 4 xhr.open('get', url
阅读全文
摘要：一、功能不同 1、get是从服务器上获取数据。 2、post是向服务器传送数据。 二、过程不同 1、get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。（简单理解就是用户可以看到） 2、post是通过HTTP post机制，将表单内各个
阅读全文
摘要：1、px是相对于显示器屏幕分辨率。 2、em是相对于父元素的字体大小。 1em=16px 3、rem是相对于html根标签的字体大小。 4、vh and vw：相对于视口的高度和宽度，而不是父元素的（CSS百分比是相对于包含它的最近的父元素的高度和宽度）。
阅读全文
摘要：新增语义化标签 article header nav 增强表单功能 data time 新增视频和音频 新增Canvas绘图 新增SVG绘图 新增地理定位 新增拖放API 新增WebWorker 新增WebStorage 新增WebSocket
阅读全文
摘要：父组件 的 创建前 --》 创建后 》 挂载前 》 子组件的创建前 》 创建后 》 挂载前 》 挂载后 》 父组件挂载后
阅读全文
摘要：只要是组件都会存在生命周期的 生命周期钩子函数： 钩子函数会自动执行的 vue2 : 创建阶段 beforeCreate() / created() 挂载阶段 beforeMount() / mounted() 更新阶段 beforeUpdate() / updated() 销毁阶段 beforeD
阅读全文
摘要：vue2： 使用的 事件总线 EventBus 实现非父子通信 vue3 : 没有事件总线 通过第三方的插件 实现 mitt 要么就是 通过 Provide/inject , 再或者就是 通过 父子通信 前提是都需要借助于 <script src="./js/mitt.umd.js"></scrip
阅读全文
摘要：1.Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。2.所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的
阅读全文
摘要：1 function deepClone(obj){ 2 let objClone = Array.isArray(obj) ? [] : {}; 3 if (obj && typeof obj 'object') { 4 for(let key in obj){ 5 if (obj[key] &&
阅读全文
