随笔分类 -  Vue

SPA中使用jwt
摘要：什么是jwt？ JSON Web Token (JWT)，它是目前最流行的跨域身份验证解决方案 JWT的工作原理 1. 是在服务器身份验证之后，将生成一个JSON对象并将其发送回用户，示例如下：{"UserName": "Chongchong","Role": "Admin","Expire": " 阅读全文
posted @ 2019-08-17 15:37 沦陷 阅读(1072) 评论(0) 推荐(0)
Vuex入门、同步异步 存取值
摘要：目的： 1、了解vuex中的各个js文件的用途 2、利用vuex存值 3、利用vuex取值 4、Vuex的异步同步加载问题 1. vuex中各个组件之间传值 1.父子组件 父组件-->子组件，通过子组件的自定义属性：props 子组件-->父组件，通过自定义事件：this.$emit('事件名',参 阅读全文
posted @ 2019-08-16 20:06 沦陷 阅读(14604) 评论(1) 推荐(1)
SPA项目开发之CRUD+表单验证
摘要：表单验证 Form组件提供了表单验证的功能，只需要通过 rules 属性传入约定的验证规则， 并将Form-Item的prop属性设置为需校验的字段名即可 <el-form label-width="120px" :model="editForm" :rules="rules" ref="editF 阅读全文
posted @ 2019-08-14 20:08 沦陷 阅读(349) 评论(0) 推荐(0)
SPA项目开发之动态树+数据表格+分页
摘要：后台数据 数据库表设计 t_vue_user t_vue_tree_node t_vue_articles 打开服务 动态生成NavMenu导航菜单(只支持2级菜单) 2.1 结构 <el-menu key="" index=""> <el-submenu> <template slot="titl 阅读全文
posted @ 2019-08-13 23:21 沦陷 阅读(358) 评论(0) 推荐(0)
SPA项目首页导航+左侧菜单
摘要：Mock.js是个啥 前后端分离之后，前端迫切需要一种机制，不再需要依赖后端接口开发，而今天的主角mockjs就可以做到这一点 Mock.js是一个模拟数据的生成器，用来帮助前端调试开发、进行前后端的原型分离以及用来提高自动化测试效率。 Mockjs官方（http://mockjs.com/） Mo 阅读全文
posted @ 2019-08-11 23:59 沦陷 阅读(580) 评论(0) 推荐(0)
Vue、SPA实现登陆
摘要：axios/qs/vue-axios安装及使用步骤 首先我们要下载三个依赖包，方便后面的开发使用需要： npm install axios -S axios是vue2提倡使用的轻量版的ajax。它是基于promise的HTTP库。它会从浏览器中创建XMLHttpRequests，与Vue配合使用非常 阅读全文
posted @ 2019-08-10 12:10 沦陷 阅读(4507) 评论(0) 推荐(0)
使用vue-cli搭建SPA项目
摘要：什么是vue-cli? vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板，创建命令如下： vue init webpack xxx（xxx自定义项目名称） * 想要创建项目成功，当然不可缺少一些必要的环境，所以下面就来详细介绍安装环境步骤 安装vue-cli 阅读全文
posted @ 2019-08-08 10:50 沦陷 阅读(1493) 评论(0) 推荐(0)
NodeJS的环境搭建+传统ELmentui+vue开发
摘要：ElementUI简介 我们学习VUE,知道它的核心思想式组件和数据驱动,但是每一个组件都需要自己编写模板,样式,添加事件,数据等是非常麻烦的, 所以饿了吗推出了基于VUE2.0的组件库,它的名称叫做element-ui,提供了丰富的PC端组件 官网（http://element-cn.eleme. 阅读全文
posted @ 2019-08-05 18:30 沦陷 阅读(945) 评论(0) 推荐(0)
vue路由
摘要：SPA是什么 单页Web应用（single page application，SPA），就是只有一个Web页面的应用， 是加载单个HTML页面，并在用户与应用程序交互时动态更新该页面的Web应用程序 单页面应用程序： 只有第一次会加载页面, 以后的每次请求, 仅仅是获取必要的数据.然后, 由页面中j 阅读全文
posted @ 2019-08-04 20:44 沦陷 阅读(631) 评论(0) 推荐(0)
Vue基础语法(样式绑定,事件处理,表单,Vue组件)
摘要：样式绑定 事件处理 表单 Vue组件 样式绑定 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script> <title> 阅读全文
posted @ 2019-08-03 11:26 沦陷 阅读(1704) 评论(0) 推荐(0)
VUE框架概括+模块语法使用（上）
摘要：vue是什么 官网（https://cn.vuejs.org/） Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计； Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。 Vue 完全有能力驱动采用单文件组件和Vue 阅读全文
posted @ 2019-07-30 17:15 沦陷 阅读(979) 评论(0) 推荐(0)