vue

响应式系统Vue2实现-依赖收集系统 class Dep { constructor() { this.subscribers = new Set(); } depend() { if (actineEffect) { this.subscribers.add(actineEffect) } } notify() { this.subscribers.forEach(effect => { …

Vue教程(四十七)Promise基本介绍与使用 什么是Promise Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象。 所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个…

1. 父传子 1. props **父组件是通过props属性给子组件通信的数据是单向流动 父—>子 ** 子组件不能修改props 否则报错 实现步骤 1.子组件在props 创建一个属性，用于接收传输的值 2.父组件 引入子组件 - 注册子组件 - 引用子组件 3.父组件 在 子组件上 创建动态属性 4.将传递的值 赋值给 对应的动态属性 props 接收传值 父组件 <templ…

vue中使用oauth2 oauth2的作用 OAuth的作用就是让"客户端"安全可控地获取"用户"的授权，与"服务商提供商"进行互动。 运行流程 （A）用户打开客户端以后，客户端要求用户给予授权。 （B）用户同意给予客户端授权。 （C）客户端使用上一步获得的授权，向认证服务器申请令牌。 （D）认证服务器对客户端进行认证以后，确认无误，同意发放令牌。 （E）客户端使用令牌，向资源服务器申请获取资源…

首先要明白的是 v-model在input 、checked 、 radio 、select等标签上表示的意思 v-model 在input中表示 value 和input事件 ，如果我们把他么拆分开 ，那么就能实现组件的v-model 很简单 ，总共算分为三步吧 第一步，在组件内部的input的标签上 使用：value绑定props中的值，这一点要明白 绑定的是父组件传过来的值 HTML <…

问题 在很多项目中，引用了第三方组件，其样式不是自己所需要的，需要在组件中局部修改第三方组件的样式，而这个组件又设置了scroped属性来防止组件间的样式污染。因为 data-v-hash 只加在子组件的第一层，子组件中其他dom是没有 data-v-hash 这个属性的，而写在scoped中的样式都会被postcss 添加[data-v-hash],样式只作用于有data-v-009这个属性的d…

本系列文章详细阐述基于Vue 3.X + Webpack 5.X，从徒手搭建项目开始到各个常用插件的配置和应用，目的是让学习者能快速掌握项目结构及vue的开发要领。 1. 概述 本文介绍 Typescript 的安装和配置 2. 插件安装 执行下列脚本安装相关插件 npm i typescript@4.6.3 -S npm i ts-loader@9.2.8 tslint@5.20.1 tslin…

vue中循环遍历使用的指令是v-for 1.v-for遍历数组 (1)value in arr 遍历数组中的元素 (2)(value,index) in arr 遍历数组中的元素和数组下标 运行代码： { {value}} { {value}}--{ {index}} new Vue({ el:".box", data:{ arr:["哈哈","嘻嘻","哼哼"] } }); 输出结果： 2.v-…

实现效果如下 vue ^2.6 ant-design-vue^1.7.8 <template> <div> <a-table :pagination="false" :columns="columns" :dataSource="dataSource"> //循环展示数据或input输入框 <template v-for="col in ['abbrevi…

1、在api文件夹，新建个ajax.js文件（命名看个人习惯，如果没有该文件夹，可以新建一个），这个文件用于向服务器发请求 import axios from "axios"; // 引入进度条 import nprogress from "nprogress"; // 引入进度条样式 import 'nprogress/nprogress.css' // console.log(nprogres…