vue+element-UI(12)
BK_201H
这个作者很懒,什么都没留下…
展开
-
JWT
1. JWT是什么JSON Web Token (JWT),它是目前最流行的跨域身份验证解决方案2. 为什么使用JWTJWT的精髓在于:“去中心化”,数据是保存在客户端的。3. JWT的工作原理是在服务器身份验证之后,将生成一个JSON对象并将其发送回用户,示例如下:{“UserName”: “Chongchong”,“Role”: “Admin”,“Expire”: “2018-...原创 2019-10-12 11:02:49 · 102 阅读 · 0 评论 -
Vuex
图:变量传值的演变形式图解:1. vue中各个组件之间传值1.父子组件父组件–>子组件,通过子组件的自定义属性:props子组件–>父组件,通过自定义事件:this.$emit(‘事件名’,参数1,参数2,…);2.非父子组件或父子组件通过数据总数Bus,this.root.root.root.emit(‘事件名’,参数1,参数2,…)3.非父子组件或父子组件更...原创 2019-10-11 09:35:08 · 93 阅读 · 0 评论 -
SPA项目开发之CRUD+表单验证
继上篇博客1. 表单验证在Articles.vue 中<!-- 编辑界面 --> <el-dialog :title="title" :visible.sync="editFormVisible" width="30%" @before-close="closeDialog"> <el-form label-width="120px" :model="...原创 2019-10-09 23:12:14 · 155 阅读 · 0 评论 -
SPA项目开发之动态树+数据表格+分页
一、动态树功能LeftNav.vue<template> <!-- router :default-active="$route.path" --> <el-menu router :default-active="$route.path" default-active="2" class="el-menu-vertical-demo" backgr...原创 2019-09-29 20:25:46 · 89 阅读 · 0 评论 -
SPA项目开发之首页导航+左侧菜单
Mock.js前后端分离开发开发过程当中,经常会遇到以下几个尴尬的场景:老大,接口文档还没输出,我的好多活干不下去啊!后端小哥,接口写好了没,我要测试啊!前后端分离之后,前端迫切需要一种机制,不再需要依赖后端接口开发,而今天的主角mockjs就可以做到这一点Mock.js是一个模拟数据的生成器,用来帮助前端调试开发、进行前后端的原型分离以及用来提高自动化测试效率。众所周知Moc...原创 2019-09-28 12:03:09 · 114 阅读 · 0 评论 -
SPA项目开发之登录注册
SPA项目开发之登录注册1、spa项目完成登录注册布局和功能安装开发模块界面显示需要导入element-UI的库npm i element-ui -Snpm install axios -Snpm install qs -Snpm install vue-axios -S后台处理跨域CorsFilter.javapackage com.zking.vue.util;impo...原创 2019-09-27 19:56:00 · 4854 阅读 · 0 评论 -
使用vue-cli搭建SPA项目
1. 什么是vue-cli?vue-cli是vue.js的脚手架,用于自动生成vue.js+webpack的项目模板,创建命令如下:vue init webpack xxx注1:xxx 为自己创建项目的名称注2:必须先安装vue,vue-cli,webpack,node等一些必要的环境2. 安装vue-cli在 cmd 中输入下面两条命令:npm install -g vue-cli...原创 2019-09-26 01:24:48 · 62 阅读 · 0 评论 -
ElementUI 入门与deJS环境搭建
1. ElementUI简介我们学习VUE,知道它的核心思想式组件和数据驱动,但是每一个组件都需要自己编写模板,样式,添加事件,数据等是非常麻烦的,所以饿了吗推出了基于VUE2.0的组件库,它的名称叫做element-ui,提供了丰富的PC端组件ElementUI官网:点击进入注1:类似前端框架还有iview2. Vue+ElementUI安装2.1 CDN方式<!-- 1. ...原创 2019-09-20 19:40:28 · 1095 阅读 · 0 评论 -
vue路由
1. SPA是什么单页Web应用(single page application,SPA),就是只有一个Web页面的应用,是加载单个HTML页面,并在用户与应用程序交互时动态更新该页面的Web应用程序单页面应用程序:只有第一次会加载页面, 以后的每次请求, 仅仅是获取必要的数据.然后, 由页面中js解析获取的数据, 展示在页面中传统多页面应用程序:对于传统的多页面应用程序来说, 每次请...原创 2019-09-19 17:00:20 · 68 阅读 · 0 评论 -
vue模板语法(下)
1. 样式绑定1.1 class绑定使用方式:v-bind:class=“expression”expression的类型:字符串、数组、对象1.2 style绑定v-bind:style=“expression”expression的类型:字符串、数组、对象2. 事件处理器事件监听可以使用v-on 指令2.1 事件修饰符Vue通过由点(.)表示的指令后缀来调用修饰符,.st...原创 2019-09-19 11:42:30 · 208 阅读 · 0 评论 -
vue模板语法(上)
1. 模板语法1.1 插值1.1.1 文本{{msg}}1.1.2 html使用v-html指令用于输出html代码1.1.3 属性HTML属性中的值应使用v-bind指令1.1.4 表达式Vue提供了完全的JavaScript表达式支持 {{str.substr(0,6).toUpperCase()}} {{ number + 1 }} ...原创 2019-09-18 11:44:43 · 142 阅读 · 0 评论 -
vue入门
1. Vue.js是什么?Vue是一个构建用户界面(UI)的[渐进式]JavaScript框架官网:https://cn.vuejs.org/Vue作者:尤雨溪/中国无锡2. 库和框架的区别2.1 库(Library),本质上是一些函数的集合。每次调用函数,实现一个特定的功能,接着把控制权交给使用者代表:jQueryjQuery这个库的核心:DOM操作,即:封装DOM操作,简化DOM...原创 2019-09-15 10:21:00 · 92 阅读 · 0 评论