- 博客(22)
- 收藏
- 关注
原创 axios二次封装(简易版 但是好使)
axios二次封装 (vue3版本)在src文件夹里创建一个新的文件夹来存放我们二次封装的文件这个是比较简单的二次封装 后期根据自己的需求在往里面添加内容import axios from "axios" //引入axiosconst app = axios.create({ baseURL: 'http://backend-api-02.newbee.ltd/manage-api/v1', //请求公用地址(公共地址自己请求的接口是啥就写啥) // time...
2022-04-19 21:40:59
153
原创 vue3创建项目
准备工作:电脑上装的有node cnpm vue-cli脚手架安装步骤:cnpm i @vue/cli -g(以上如果已经有了就打开终端按照下面的步骤进行)创建vue3 项目 创建命令 vue create vue3app 红色部分是项目名字 ,可以根据自己的需求去修改名字Manually select features 手动选择项目配置根据自己的需求去选择自己需要的配置项配置之后回车 这个意思就是我们要不要配置history模式 我的选择是n选择...
2022-04-19 20:37:33
241
原创 小程序如何创建子组件 以及组件之间的传值
第一步 在pages同级的地方创建一个新的components文件夹 里面放置所有的子组件第二步 鼠标右键新建文件夹 名字自己根据自己的需求去取 创建完文件夹之后鼠标右键新建的文件夹 点击新建component 名字跟文件夹的名字保持一致这样一个子组件就创建好了第三步哪个文件需要使用子组件就在哪个文件的 .jaon文件里在子组件写上组件1 方便展示在父组件 使用 还是把子组件的名称作为标签使用我们看效果已经创建...
2022-04-01 12:34:48
663
原创 vue中input框点击不聚焦
废话不多说直接上代码哪个地方要写input框 就直接把这一部分代码放上 里面双向绑定的值和事件换上自己定义的<div class="item" @click.stop.prevent="inputPaentClick('input1')"> <input ref="input1" placeholder="请输入搜索关键词" v-model="value" @...
2022-03-23 17:00:28
1064
原创 vue2 获取数据的两种方法
一, 使用axios 多用于获取接口数据第一步npm i axios --save 下载第二步在main.js引入 import axios from "axios";Vue.prototype.$axios = axios; 第三步 在页面中script 标签内 methods: {},里去请求数据获取数据 获取方式使用的get()方式 如果需要传递参数 小括号里可以添加参数this.$axios.get().then(re...
2022-03-21 11:33:14
5020
原创 vue中 时间戳转换为 准确时间
1 在mian.js里设置一个全局的过滤器2哪个地方使用 就在数据后面加上管道符 | 管道符后面加上全局过滤器的名字3转换完毕
2022-03-21 10:53:22
532
原创 vue解决跨域
跨域:是浏览器的同源策略引起的,为什么游览器会给一个同源策略,是为了安全考虑,我们设想一下,如果我们随意就可以访问别的接口那是不是就乱套了 那么什么是跨域呢: 如果 协议、端口、域名只要有一样不一样就是跨域 比如我们要请求一个接口 我们当前请求的地址和当前运行的地址不一样就是跨域 小程序,服务器与服务器之间不存在跨域 “https(协议):(//api-hmugo)括号之间的内容就是域名”端口号一般都给隐藏了 跨域的解决方案:...
2022-01-04 17:10:42
683
原创 Vue中的组建通信 子传父 父传子
子组件的使用三步走三步走的前提是在src文件夹下的components里新建一个vue文件 components里是用来存放子组件的在父组件中使用子组件第一步引入子组件第二步 注册子组件第三步 作为标签使用子组件 可以是单标签 也可以是双标签注:引入时起的子组件标签名 注册时子组件标签名 和使用时的标签名要保持一致子组件的代码展示父组件里的代码展示效果图展示父子通信 父传子父传子的使用方法:在父组件里给...
2021-12-28 16:43:11
403
原创 Vue生命周期函数
生命周期四个字的理解:就是一个函数从创建到销毁的整个过程,我个人做了个比喻 就好比一个果子 从发芽 到开花 到结果 再到成熟掉落到土地上那么生命周期都分为哪几部分又或者都做了什么创建的过程beforeCreate(){} 实例创建之前调用 不能获取data数据created (){} 实例创建后调用 能够获取data数据挂载的过程before Mount(){} 组件挂载之前Mounted(){}组件挂载之后 dom元素开始获取节点更新的过...
2021-12-27 16:32:41
146
转载 Vue双向数据绑定
针对于Vue的双向数据绑定这个问题我做了一个整合,借鉴网络上前辈的文章 一来方便自己查阅资料,二来也希望更多地朋友可以跟我一起向前辈们一起学习Vue的理解数据模型(Module)和视图(View)之间的双向绑定。用户在视图上的修改会自动同步到数据模型中去,同样的,如果数据模型中的值发生了变化,也会立刻同步到视图中去。双向数据绑定的优点是无需进行和单向数据绑定的那CRUD(Create,Retrieve,Update,Delete)操作双向数据绑定最经常的应用场景就是表单了,...
2021-12-27 11:15:26
862
原创 GIT 使用
1.下载 搜索git 官网2.点击此处下载 注:一直下一步 3.在需要放置代码的地方新建一个文件夹 用来放置自己需要的代码进入文件夹内 鼠标右键 选择 Git Bash Here4.当要拉取别人的代码时 克隆别人的代码路径第一次拉的时候 git clone " 需要代码的路径" 第二次 直接 git pull5如果想克隆仓库到本地首先 创建一个文件夹 用来克隆进入g...
2021-12-25 15:54:19
249
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人