Vue
文章平均质量分 74
Alvis 一昂
这个作者很懒,什么都没留下…
展开
-
vue项目部署到linux出现白屏
文章目录一、项目简介二、问题描述三、发现原因四、如何解决1.修改build/build.js文件2.重新运行命令:npm run build3.上传dist文件夹到服务器,并重启nginx一、项目简介项目采用开源的renren-fast-vue搭建;服务器采用linux下docker管理的nginx;二、问题描述将vue项目进行打包完成部署到服务器之后,访问首页出现白屏,报404错误。三、发现原因打包时被中断,未打包完整。查看dist目录,原本应该包含一个index.html文件以及con原创 2022-05-05 15:40:28 · 529 阅读 · 0 评论 -
Vue+SpringBoot实现文件预览
一、前端代码此处比较简陋,就用了一个window.open(“后端访问地址”)二、后端代码1.设置访问静态资源的地址映射新建了一个配置类,用于映射静态资源的地址。@Configurationpublic class WebMvcConfig extends WebMvcConfigurerAdapter { /** * 这里是映射文件路径的方法 */ @Override public void addResourceHandlers(ResourceH原创 2022-04-01 09:44:40 · 2324 阅读 · 0 评论 -
vue过滤器之设置日期格式
title:文章目录一、创建工具1.新建js文件,format.js:一、创建工具1.新建js文件,format.js:export function formatDate (date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace( RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length) ); } var o = {.原创 2022-03-31 16:29:02 · 806 阅读 · 0 评论 -
Vue学习(六、七)—— 路由(router)、UI组件库
文章目录第六部分 vue-router一、概述1.理解2.SPA3.路由分类3.1 前端路由3.2 后端路由4.基本使用4.1 安装及应用4.2 编写router配置项4.3 实现切换4.4 指定展示位置4.5 示例代码5.几个注意点二、嵌套路由(多级路由)1.配置路由规则2.跳转三、路由query参数1.传递参数2.接收参数四、命名路由1.作用2.使用2.1 给路由命名2.2 简化跳转五、路由的params参数1.配置路由,声明接收params参数2.传递参数3.接收参数六、路由的props配置七、的re原创 2022-03-31 16:26:58 · 634 阅读 · 0 评论 -
Vue学习(五)—— vuex
文章目录第五部分 vuex一、概述1.定义2.Github地址3.何时使用4.原理图二、搭建vuex环境1.创建文件:```src/store/index.js```2.在```main.js```中创建vm时传入```store```配置项三、求和案例1.src/store/index.js2.Count.vue四、getters的使用1.概述2.使用2.1 配置2.2 组件中读取数据五、四个map方法的使用1.mapState方法2.mapGetters方法3.mapActions方法4.mapMuta原创 2022-03-31 16:25:17 · 115 阅读 · 0 评论 -
Vue学习(四)—— vue中的ajax
文章目录第四部分 vue中的ajax一、axios1.安装2.引入二、vue脚手架配置代理1.方法一2.方法二三、github用户搜索案例1.接口地址2.vue 项目中常用的 2 个 Ajax 库2.1 axios2.2 vue-resource3.示例代码3.1 List.vue3.2 Search.vue3.3 vue.config.js3.4 App.vue四、slot插槽1.概述2.分类2.1 默认插槽2.2 具名插槽2.3 作用域插槽第四部分 vue中的ajax一、axios1.安装切换为原创 2022-03-31 16:22:35 · 11744 阅读 · 0 评论 -
Vue学习(三)—— vue脚手架
文章目录第三部分 使用vue脚手架一、介绍及安装1.概述2.安装步骤3.备注4.模板项目结构5.关键代码5.1 index.html5.2 main.js5.3 App.vue5.4 components/School.vue二、关于不同版本的Vue三、修改默认配置1.无法修改2.可配置项2.1 配置参考2.2 配置文件四、ref属性五、**props**1.功能2.传递数据3.接收数据4.示例代码4.1 Student.vue4.2 App.vue5.修改注意六、混入(mixin)1.功能2.使用方式:3原创 2022-03-31 16:21:00 · 1923 阅读 · 0 评论 -
Vue学习(二)—— vue组件化编程
文章目录第二部分 vue组件化编程一、模块与组件、模块化与组件化1.模块2.组件3.模块化4.组件化二、非单文件组件三、单文件组件1.vue文件三个组成部分1.1 模板页面1.2 js模块对象1.3 **样式**2.组件示例2.1 School.vue2.2 App.vue2.3 main.js2.4 index.html四、使用组件的三大步骤1.定义组件(创建组件)2.注册组件2.1 局部注册2.2 全局注册3.使用组件(写组件标签)4.示例代码五、注意点1.关于组件名1.1 一个单词组成1.2 多个单词原创 2022-03-31 16:15:19 · 295 阅读 · 0 评论 -
Vue学习(一)—— vue核心
文章目录第一部分:vue核心一、Vue简介1.官网2.大纲二、初识vue三、模板语法1.语法说明1.1 插值语法(双大括号表达式)1.2 指令(以 v-开头)2.数据绑定2.1 单项数据绑定2.2 双向数据绑定3.el与data的两种写法3.1 el3.2 data3.3 一个重要的原则4.MVVM模型5.数据代理5.1 Object.defineProperty5.2 何为数据代理5.3 Vue中的数据代理6.事件处理6.1 事件基本使用6.2 绑定监听6.3 事件修饰符6.4 按键修饰符7.计算属性与监原创 2022-03-29 15:26:02 · 1506 阅读 · 0 评论