![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
╰烟消云散
这个作者很懒,什么都没留下…
展开
-
简单的Vuex传值运用
文章目录什么是Vuex?图解Vuex各组件vuex使用步骤安装创建store模块Vuex取值Vuex存值Vuex异步加载代码示例什么是Vuex?官方图解Vuex官方解释:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。可以想象为一个“前端数据库”(数据仓库), 让其在各个页面上实现数据的共享包括状态,并且可操作。1、vue中各个组件之间传值1.父子组件父组件–>子组件,通过子组件的自定义属性:props子组件–>父组件,通过自定义事件:this.$emit(‘事原创 2020-08-29 18:12:30 · 745 阅读 · 0 评论 -
Vue之jwt跨域身份验证
文章目录JWT是什么为什么使用JWT?JWT的工作原理jwt为什么会出现jwt怎么生成出来的jwt登录验证示例后台示例前台示例效果JWT是什么JSON Web Token (JWT),它是目前最流行的跨域身份验证解决方案为什么使用JWT?JWT的精髓在于:“去中心化”,数据是保存在客户端的。JWT的工作原理是在服务器身份验证之后,将生成一个JSON对象并将其发送回用户,示例如下:{“UserName”: “Chongchong”,“Role”: “Admin”,“Expire”: “201原创 2020-08-29 18:08:21 · 634 阅读 · 1 评论 -
SPA项目开发之CRUD+表单验证
文章目录前言具体代码前言简单的实现了vue的CRUD,和表单验证。表单验证:这里是form组件中的 :rule=rule 属性绑定来实现校验的,可以在绑定的属性rule{[]}中设置,校验规则和触发事件。提交按钮被点击触发事件的时候被校验。formName被校验后根据回调的boolean值判断是否校验成功来处理。this.$refs[formName].validate((valid) => { if (valid) { // ... 请求原创 2020-08-27 10:10:29 · 121 阅读 · 0 评论 -
SPA项目开发之首页导航+左侧菜单
文章目录什么是mockjs?Mock.js使用步骤目录和文件创建登陆与注册页面的跳转后台首页AppMain.vue的创建vue Bus总线案例什么是mockjs?前后端分离之后,前端迫切需要一种机制,不再需要依赖后端接口开发,而今天的主角mockjs就可以做到这一点。Mock.js是一个模拟数据的生成器,用来帮助前端调试开发、进行前后端的原型分离以及用来提高自动化测试效率。众所周知Mock.js因为两个重要的特性风靡前端:数据类型丰富支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色原创 2020-08-25 15:02:33 · 220 阅读 · 0 评论 -
Vue-SPA开发之登录注册
文章目录安装开发模块引入main.js配置安装开发模块打开cmd依次执行即可安装项目所需配置#-S就是-save的缩写npm install element-ui -S npm install axios -Snpm install qs -S npm install vue-axios -S后台交互(axios/qs/vue-axios):axios是vue2提倡使用的轻量版的ajax。它是基于promise的HTTP库。它会从浏览器中创建XMLHttpRequests,与Vu原创 2020-08-22 00:15:22 · 4195 阅读 · 0 评论 -
Vue之路由
文章目录SPA是什么?路由思路SPA是什么?单页Web应用(single page application,SPA),就是单页面的应用, 是加载单个HTML页面,并在用户与应用程序交互时动态更新该页面的Web应用程序单页面应用程序:只有第一次会加载页面, 以后的每次请求, 仅仅是获取必要的数据.然后, 由页面中js解析获取的数据, 展示在页面中传统多页面应用程序:对于传统的多页面应用程序来说, 每次请求服务器返回的都是一个完整的页面优势减少了请求体积,加快页面响应速度,降低了对服务器的压力更原创 2020-08-14 15:27:51 · 156 阅读 · 0 评论