周怼怼-CSDN博客

原创 js正则表达式

.1、使用构造函数创建正则表达式 RegExp("正则表达式","匹配模式") var reg = RegExp("a","i"); i忽略大小写，g全局配置 2、使用字面量创建正则表达式语法 var 变量=/正则表达式/匹配模式 var reg = /a/i 3、或关系使用 ‘|’ 或 ‘[]’ 检查字符串中是否有a或b var reg = /a|b/ 或 var reg = /[ab]/ 检查字符串中是否有字母 var reg = /[A-z]/ [A-Z]检查

2021-10-21 16:32:10 211

原创 vue-Vuex初识

Vuex 一、理解 1、概念专门在 Vue 中实现集中式状态（数据）管理的一个 Vue 插件，对 vue 应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。 2. Github 地址: https://github.com/vuejs/vuex 原理图：二、何时使用vuex 多个组件依赖于同一状态来自不同组件的行为需要变更同一状态即：共享数据三、案例 1、安装vuex npm i vuex 2、 ...

2021-10-15 11:09:16 72

原创 Vue-slot插槽

一、默认插槽 Category.vue <template> <div class="category"> <h3>{{ title }}分类</h3>    <!-- &l

2021-10-14 14:46:16 146

原创 Vue配置代理（二）

配置代理（二） devServer:{ proxy: { '/api': { target:'http://localhost:5000', pathRewrite:{'^/api':''} } } } ‘/api’：请求前缀（可自定义），允许请求前缀为/api的发送请求，这样就可以发送多个请求 target:请求路径 pathRewri：重写请

2021-10-12 17:22:53 672

原创 Vue配置代理vue-cli（一）

1、安装axios npm i axios 引入axios import axios from 'axios'; 发送请求 axios.get('请求api').then(回调(成功response=>{}，失败error=>{})) axios.get('http://localhost:5000/students').then( response => { console.log('请求成功',response.data)

2021-10-12 16:06:07 130

原创 Vue全局事件总线

Vue全局事件总线 1、原理图：假设D组件要给A组件发送一个数据，首先A组件需要为自定义组件X绑定一个自定义事件demo1，那么此时的demo1事件的回调就在A组件身上了，D组件再通过触发X组件的demo1事件并传递一个值即可。注：X需要满足，首先不属于任何组件，其次要让所有组件都能看见，最后能调用$on/$off/$emit函数。 2、安装全局事件总线： new Vue({ .......... beforeCreate() { Vue.proptotype.$bus = thi

2021-10-11 09:31:24 97

原创 Vue自定义组件绑定

Vue子组件向父组件传数据 1、通过父组件给子组件一个函数类型的props实现 App.vue <School :getSchoolName="getSchoolName"></School> { getSchoolName(name){ console.log("app收到school发送的数据",name) }, School.vue <div class="demo"> <h1>{{msg}}</h1&gt

2021-10-08 14:16:00 597

原创 VueComponent和Vue联系

VueComponent和Vue的联系 VueComponent.prototype.proto == Vue.prototype VueComponent的原型对象的原型对象等于 Vue的原型对象例子验证：创建一个组件 Vue.js const school = Vue.extend({ template:` <div> <h2>{{schoolName}}</h2> <h2

2021-09-28 11:40:35 225

原创 2021-07-29

开发工具：hbuilder x 技术支持：JavaScript、json、html5、layui、jQuery 1、下载layui引入相关的css和js 2、创建一个html文件，命名upload引入需要的css和js文件 3、

2021-07-29 17:42:50 99

qq_43596906的博客