![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
自律成就自由
这个作者很懒,什么都没留下…
展开
-
Element+vue+分页+七牛云实现图片上传
目录0.准备1.vue安装所需环境2.main.js中导包3.index.vue页面4.insert.vue页面5.后端:上传工具类6.后端:上传Controller0.准备注册并实名七牛云1.vue安装所需环境npm i element-ui -S2.main.js中导包import Vue from 'vue'import App from './App'import router from './router'import ElementUI from 'element-ui';原创 2020-10-08 17:05:13 · 361 阅读 · 0 评论 -
前后端分离:vue+springboot+shiro权限控制
目录1.前端部分1.1 项目结构1.2 页面1.2.1 index.vue1.2.2 update.vue1.2.3 login.vue1.2.4 index.jsp配置1.3 配置axios1.4 处理跨域请求的2种方式1.后端controller中处理2.前端中处理2.后端部分2.1 项目结构2.2 重要代码1.前端部分1.1 项目结构1.2 页面1.2.1 index.vue<template> <div> <center> <原创 2020-09-30 07:45:43 · 2095 阅读 · 1 评论 -
vue单页面多路由+重定向+404+钩子
目录1.单页面多路由区域2.vue-router的重定向-redirect3. 404页面处理4. 路由中的钩子beforeEnter,进入页面之前,干一些事情,比如打印日志1.单页面多路由区域1.在APP.vue中加入两个区域2.在index.js中设置:3.运行2.vue-router的重定向-redirect点击请求goback重定向/回主页3. 404页面处理配置路径当访问路径不存在时,跳到4044. 路由中的钩子beforeEnter,进入页面之前,干一些事情原创 2020-09-29 21:03:30 · 600 阅读 · 0 评论 -
vue-router四种参数传递
目录1.用name传参2.通过标签中的to传参3.利用url传参4.编程式导航中获取参数1.用name传参2.通过标签中的to传参index.js中name的值为hello2index.vue页面从index中点击:3.利用url传参点击去往:此时,如果不传参,页面将无法访问4.编程式导航中获取参数去往hi页面的name为hi接收:运行:...原创 2020-09-29 20:09:01 · 854 阅读 · 0 评论 -
vue-cli创建项目及父子模块
目录1.创建项目1.1 以管理身份打开cmd,进入项目将要放置的路径1.2 创建 vue init webpack 项目名称1.3 将项目在WebStorm中打开并启动2 入门2.1 父子页面2.1.1 APP.vue与HelloWorld关联2.1.2 APP.vue与hello2关联,在index.js中设置2.1.2 APP.vue与index关联3.vue-rouyer配置子路由3.1 导航3.2 将hi1和hi2加入到hi模板中,单页面中的2个子页面1.创建项目1.1 以管理身份打开cmd,进原创 2020-09-29 19:25:54 · 2868 阅读 · 0 评论 -
使用vue中的axios请求后台(springboot工程)
目录1.项目结构2.pom3.application.yml4.controller5.dao6.pojo7.service8.启动类9.页面9.1 index.html9.2 insert.html9.3 update.html1.项目结构2.pom<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://原创 2020-09-28 22:09:56 · 896 阅读 · 0 评论 -
vue入门及常用系统指令
1.vue介绍Vue.js是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑 定和组合的视图组件。它不仅易于上手,还便于与第三方库或既有项目整合。2.MVVM模式MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为 抽象化,让我们将视图 UI 和业务逻辑分开MVVM模式和MVC模式一样,主要目的是分离视图(View)和模型(Model)Vue.js原创 2020-09-28 17:52:28 · 214 阅读 · 0 评论