Vue
文章平均质量分 68
扛麻袋的少年
得过且过,一天又一天
展开
-
Vite 动态引入本地图片 以及打包404的问题
Vite 动态引入本地图片 以及打包404的问题转载 2024-08-06 16:53:32 · 206 阅读 · 0 评论 -
seo调优
seo调优原创 2024-04-09 14:25:22 · 362 阅读 · 0 评论 -
[Vue3] 关于vue3+ts中使用props进行 interface 类型限制设置默认值报错问题(props: Readonly<Props>))
Type '{}' is not assignable to type '(props: Readonly) => object'. Type '{}' provides no match for the signature '(props: Readonly): object'转载 2022-12-28 14:26:46 · 7744 阅读 · 1 评论 -
[Vue3] TS7016: Could not find a declaration file for module ‘../assets/js/util.js‘
vue3 TS7016: Could not find a declaration file for module '../assets/js/util.js'. 'D:/study_workspace/vite-project/src/assets/js/util.js' implicitly has an 'any' type.原创 2022-12-23 10:37:50 · 2439 阅读 · 0 评论 -
vue部署至Tomcat,F5刷新报404问题解决
我做的是一个移动端项目,使用的是 Vue + app 包壳的方式。在 PC 端测试时发现 F5 刷新直接报 404 问题,虽然在移动端包壳后不会有刷新的功能,但是强迫症搞怪,用着真是难受,必须给它搞定,所以就有了本篇文章。Vue 部署至 Tomcat 会遇到的问题汇总:1.在将vue项目部署至tomcat后,js、css、img、index.html等文件,都有被缓存的可能。 解决js、css、img 缓存问题:可以使用时间戳的方式 参考:Vue项目部署,解决js、css、img被缓存问题原创 2021-11-09 11:04:32 · 2574 阅读 · 0 评论 -
vue部署至tomcat,解决index.html被缓存的问题
在将vue项目部署至tomcat后,js、css、img、index.html等文件,都有被缓存的可能。1.解决js、css、img 缓存问题:可以使用时间戳的方式 参考:Vue项目部署,解决js、css、img被缓存问题2.解决index.html入口文件,可以使用Filter过滤器的方式解决网络上一搜一大堆,都是使用nginx来解决index.html缓存问题,tomcat就这么不招待见?本文就来解决index.html入口文件在tomcat中被缓存的问题。很简单,只需要简单5n步即可原创 2021-03-19 11:00:06 · 2583 阅读 · 1 评论 -
Vue项目部署,解决js、css、img被缓存问题
前言 部署前端项目以后,你会发现一个问题(为什么必须刷新页面,页面才会更新到最新版本),其实就是因为服务器缓存的问题,接下来我就以我自己所用的方案来解决自动清除缓存的问题。一、根目录index.html在head标签中,加入下面的代码<meta http-equiv="pragram" content="no-cache"><meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate"转载 2021-02-26 17:24:00 · 5836 阅读 · 6 评论 -
Vue页面跳转动画效果实现
https://blog.csdn.net/qq_40128367/article/details/82891239转载 2020-12-25 09:05:07 · 730 阅读 · 0 评论 -
vue 中将我们自定义的组件封装成插件使用,真香
写在开头 当我们在使用 Vue 进行开发的过程中,经常会用到一些的组件,比如 Loading(加载中提示) 、Toast(吐司弹窗) 等一些公用性很强的组件。我们在其他组件中使用它们时,必须进行如下三步操作:import toast from ‘components/Toast/xxx’在 components 中引入在 html 中使用相对应的标签<template> <div class="hello"> <h1>{{ msg }}&l原创 2020-07-03 10:26:08 · 1947 阅读 · 6 评论 -
解决vue引入BetterScroll导致的图片列表拉不上去问题
写在开头 学习之余,发现了一个比较好的滚动组件 BetterScroll,在移动端、PC端都有很好的体验效果。就拿出来分享一下:BetterScroll官网。源码托管自 GitHub:BetterScroll。中文文档:BetterScroll文档 该组件在 GitHub 有这样依据介绍:inspired by iscroll, and it supports more features and has a better scroll perfermance.(灵感来源于iscroll...)。is原创 2020-07-01 22:10:54 · 817 阅读 · 0 评论 -
1.Vue父子组件之间通信(数据传递)问题
1、父组件传值给子组件------->使用props属性接收2、子组件传值给父组件-------->子组件通过$emit传递,父组件通过@属性名称接收3、父组件,子组件,兄弟组件相互传值------>需要bus中央总线,相当于一个中介1、父组件传值给子组件------->使用props属性接收<!DOCTYPE html><h...原创 2019-03-28 23:16:44 · 2043 阅读 · 2 评论 -
2.v-model 用在组件中
在Vue.js中,经常会使用v-model实现表单的双向数据绑定功能。在双向数据绑定功能方面,v-model看着还是比较简单。但是v-model用到组件中之后,会发现瞬间就有点懵圈了。不知道v-model用到组件里面,到底是怎么的一个处理方式。接下来,将会具体分析v-model是如何在组件中使用的:v-model用于组件中的官方文档: 使用自定义事件的表单输入组...原创 2019-03-31 20:23:04 · 2530 阅读 · 0 评论 -
3.Vue.js 实战 调查问卷WebApp项目
问卷调查demo已上传,欢迎大家指正,欢迎大家下载:https://download.csdn.net/download/lzb348110175/11085995如果您没积分的话,可以评论,然后发邮件给您^_^ 之前也有看过Vue,但是一直都是处于大致知道点的状态。针对Vue的数据双向绑定等还是挺有好感的。感觉太酷了。但是面对初学者,什么资料适合初学者呢。当时也确实是个很...原创 2019-05-12 11:26:01 · 6105 阅读 · 9 评论 -
4.vue-cli 2 + webpack搭建Vue开发环境
①搭建Vue开发环境,必须使用到node.js+npm环境 进入node.js官网下载.msi后缀的即可。下载完成后。和普通Windows软件一样,下一步,下一步安装即可。 安装完成后,Win+R打开运行,输入cmd进入命令行。 使用node -v即可查看node.js的版本 npm会随着node.js一并安装好。使用npm -v即可查看npm...原创 2019-04-08 21:39:24 · 1395 阅读 · 0 评论 -
5. Vue简单问题汇总(持续更新...)
1.Vue项目支持图片、字体等操作 解决办法:安装url-loader 和 file-loader来支持图片、字体等文件 安装规则:①cmd命令行进入该项目中 ②通过命令,安装url-loader和file-loader npm install --save-dev url-l...原创 2019-04-09 17:31:07 · 1989 阅读 · 0 评论 -
6.Vue组件之间数据通信之 Bus总线
基础组件之间传值,可以查看博主文章:1.Vue组件之间传值问题 如果在项目中,组件与组件之间,并不是通过Vue.component('component-a',{...})这么简单来编写的。所以在使用父子间,兄弟间传值问题上,如何使用Bus总线来传值呢? 项目中使用的组件是如下图所示样式而不是下图这种的最基础写法。下图基础写法只用于初期学习...原创 2019-04-10 21:30:42 · 2218 阅读 · 0 评论 -
7.Vue-Router导航守卫
Vue-Router导航钩子。有如下三种方式可以植入路由导航中①全局的守卫②单个路由独享的守卫③组件内的守卫优先级:①>②>③,组件内的守卫优先级是最低的一、全局的守卫 包括全局前置守卫、全局解析钩子(2.5.0新增)、全局后置钩子两种。 #全局前置守卫//你可以使用router.beforeEach注册一个全局前置守卫:const...原创 2019-04-11 21:13:38 · 1914 阅读 · 0 评论 -
8.ES6箭头函数与普通函数的区别
箭头函数与普通函数的区别 作为ES6中新加入的箭头函数语法,深受广大开发人员的喜爱,也是平时前端面试过程中经常会被提及问道的典型题目。它不仅简化了我们的代码,而且也让开发人员摆脱了“飘忽不定”的this指向,本文就箭头函数与普通函数的区别进行一些分析。 在我看来,面试官最关注的也是两者最关键的区别就是this指向的区别,普通函数中的this指向函数被调用的对象,因此...转载 2019-04-13 20:18:58 · 1519 阅读 · 0 评论 -
9.Vuex的使用
Vuex基本用法 1.通过npm安装Vuex npm install --save-dev vuex 2.在src目录下,新建一个名为vuex的文件夹,然后在文件夹下新建一个store.js文件,来存放Vuex状态信息 3.新建Vuex配置,并将其通过export default暴露出去im...原创 2019-04-13 22:40:30 · 1836 阅读 · 0 评论 -
10.Vuex组件中的mapState、mapGetters、mapMutations、mapActions等辅助函数
State1.state中的数据,组件中如何获取 this.$store.state.xxx属性2.mapState辅助函数 1.引入mapState import {mapState} from 'vuex'2.在computed计算属性中使用 export default{ computed:mapState( ...原创 2019-04-16 15:40:09 · 3499 阅读 · 0 评论 -
11.组件中调用Vuex的state,getters,mutations,actions,modules的数据传递、传参问题
博主为什么要总结标题的这些问题呢 1. 因为在之前Vue 2.0之前,面对小型前端单页面富应用(SPA)应用,都是使用localStorage等一些缓存等简单的方式来解决数据之间的传输问题。面对相对大型的应用,使用上述localStorage等简单方法已经无法满足需求,所以需要使用到Vuex,可以更加方便的知晓页面之间具体的流向问题。 2.在学习到Vuex时,简单...原创 2019-04-17 14:39:37 · 9636 阅读 · 4 评论 -
Vuex 命名空间 namespaced 介绍
接上篇:12.组件中调用Vuex的state,getters,mutations,actions,modules的数据传递、传参问题 Vuex由于使用单一状态树,应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂时,store 对象就有可能变得相当臃肿。 因此,Vuex 允许我们将 store 分割成模块(module),每个模块拥有自己的 state、m...原创 2019-04-18 21:04:40 · 42260 阅读 · 14 评论 -
13.Vue axios的使用
Axios插件 是一个基于 promise 的 HTTP 库,可以用在浏览器、node.js、react.js下使用。它本身具有以下特征:从浏览器中创建 XMLHttpRequest 从 node.js 发出 http 请求 支持 Promise API 拦截请求和响应 转换请求和响应数据 取消请求 自动转换JSON数据 客户端支持防止CSRF/XSRF1.axios的安...原创 2019-04-18 22:03:20 · 2067 阅读 · 0 评论 -
14.组件之间传递Object对象出现的_Observe{..} 无法获取值的问题
今天,在做项目期间,遇到了一个问题。 场景如下:在父组件中,引入了两个子组件,两个组件都是自己手工根据需求封装的,分别是<Selector>组件和<DatePicker>组件。Selector组件主要用于条件的筛选,DatePicker主要用于日期的选择。组件之间传值,毕竟传递的属性比较多,所以选择了通过对象Object的形式传递的。场景中,一...原创 2019-05-30 18:43:31 · 2519 阅读 · 0 评论 -
15.mui中,input无放大镜icon问题
Vue配合mui开发,使用input输入框初次进入,放大镜icon没有,当刷新页面的时候,放大镜icon就出现了,换浏览器也是这种情况解决办法: 1.要不就是mui.css文件中,.ttf字体文件路径问题 2.在引用的vue页面,在钩子函数mounted中,加入mui(".mui-input-row input").input();解决后:...原创 2019-07-08 17:22:01 · 1649 阅读 · 0 评论