Vue3+webpack的axios的封装
首先安装axios:npm i axios -s然后在根目录的 src 文件夹下新建一个 servers 文件夹,接着在 servers 文件夹下新建 axios.js 和 request.js 文件。目录文件结构如下图:图1./src/servers/axios.js:代码:/*** 文件主要用来
Vue2-9-Vant组件库与axios
Vue中使用Vant组件库,fetch,axios疯子
Vue 框架基础4
创建组件1. 组件系统是 Vue 的另一个重要概念,因为它是一种抽象,允许我们使用小型、独立和通常可复用的组件构建大型应用。仔细想想,几乎任意类型的应用界面都可以抽象为一个组件树:2. 注册组件:// 定义名为 todo-item 的新组件Vue.component('todo-item', {
项目部署在内网导致CDN请求失败问题解决
目录1.前言2.vue.config.js修改配置3.下载CDN资源4.在public目录下引入下载好的资源5.注意点1.前言原先是使用Xshell+nginx前后端分别部署,后来由于出差,电网只能使用内网,导致像vue.js、elementUI.js等资源请求失败,下面是解决办法。2.vue.co
Vue3+webpack的vue-router路由封装
Vue的路由封装需要用到的文件如下图:图1主要用到的文件有:./src/views文件夹及其文件夹下的文件;./src/router文件夹及其文件夹下的文件;./src/index.js和./src/App.vue;views文件夹:用来放页面代码页面模块的。views文件夹下有admin和webr
Vue8-Vuex与Router
vuex概述,使用,在组件中使用store,f辅组函数,Vue Router,前端路由,模式,安装,定义vueRouter对象,在Vue组件中使用Vue Router
Vue3.x使用Swiper Vue插件最新详细教程(包含修改swiper样式)
Vue3.x使用Swiper Vue插件最新详细教程(包含修改swiper样式)
基于SpringBoot框架课程思政资源平台(附源代码及数据库)
课程思政资源平台采用前后端分离的方式开发,前端采用渐进式的 VUE 框架开发,提示平台网站的响应速度,后端使用的是 SpringBoot 框架开发,数据库采用 MySQL,开发工具使用 HBuilder X 和 IDE。
2022-5月工作经验技巧总结
记录了20224月至5月开发过程中遇到的问题和值得记录的问题。
深入Vue原理_数据响应式
深入Vue数据响应式,了解Vue响应式原理,在开发中知其然知其所以然,让我们开发更加得心应手
实现瀑布流布局的三种方法
一、 什么是瀑布流布局1、是什么页面上是一种 参差不齐 的多栏布局,类似上图所示随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部,大部分为图片,图片 固定 宽度,高度 不一,根据原比例缩放到宽度达到固定的要求,每行排满后,新的图片添加到后面2、特点固定宽度,高度不一 岑参不齐的
Vue/Uniapp实现JS动态重复执行原生Animation动画
实现JS动态重复执行原生Animation动画
Vue3的vue-router路由详解
这篇文章是接着【三分钟快速搭建Vue3+webpack项目】的内容做的开发,有基础的可以跳过【三分钟快速搭建Vue3+webpack项目】,直接看以下的内容。Vue3的vue-router路由详解:首先安装路由依赖模块:npm install vue-router@4所需代码文件如下图:图1所需要的
创建Vue项目时遇到的问题与错误
webpack : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\webpack.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 http://go.microsoft.com/fwlink/?LinkID=135170 中的 abou
Vue基础教程(下篇)
😊作者简介:大家好,我是是你的大头呢,一名大三学生,考研备考中。让我们一起加油,一起努力!🧑💻博客主页:是你的大头呢🥰欢迎关注🎊点赞👑收藏⭐留言✒如果觉得博主的文章还不错的话,三连支持一下博主。💪格言: 未来仍很未知,请努力。目录一.Vue-cil的安装与使用1.什么是Vue-cil
Vue-5-组件通信
组件之间通信,父子组件之间通信,父传子利用属性,子传父$emit触发事件,跨级通信实现方式,event-bus通过$on和$emit实现
一文教会你vue3中的watch和watchEffect
vue3中wacth和watcheffectwatch基本介绍watch使用场景1. 监听ref定义的一个响应式数据2.监听ref定义的多个响应式数据3.监听reactive定义的一个响应式数据(注意:此处无法正确的获得oldValue)4.监听reactive定义的一个响应式数据(注意:强制开启了
< 今日份小技巧:CSS文本超出指定条件以省略号代替 >
在前端开发中,偶尔后端返回的数据在前端展示时,预留的空间不怎么充足。但是我们又没有做适当的处理。就会出现,文本超出换行的情况,而且有些适配的布局,用百分比设置宽度的时候,当可视窗口发生变化,内容也会变形,导致`无法观看`。这时,就需要对文本做出超出限制了。
vue函数式组件进行i18n国际化处理
对vue函数式组件中的内容下进行国际化处理
一文详解Vuex
文章目录前言1、`Vuex`概述2、使用Vuex完成求和案例前言继我的上一篇介绍组件间通信方式的博客之后Vue组件间通信,继续分享一个在vue中实现组件通信的技术——Vuex1、Vuex概述Vuex是Vue团队打造的用于集中式状态管理的一款插件。它能实现多组件之间的数据共享,并且支持多个组件对于状态