Vue前端框架
关注
分享
扫一扫
vue的spa项目语法之类的
么卡
咖啡为什么要加糖
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue前端登陆验证判断
文章目录前言修改两个东西main.js和index.js后言前言不用幸苦的在组件内部判断是否登陆，修改两个东西main.js和index.jsmain.jsrouter.beforeEach((to, from, next) => { if (to.matched.some(record => record.meta.requiresAuth)) { // ...原创 2019-12-29 21:46:11 · 1658 阅读 · 1 评论 -
JavaScript的新规范ES6
目录前言const , let and var 的区别：对象的创建箭头函数Map和Set模板字符串三点运算符Symbol类型总结前言因为是学习vue的基础，所以在这里就不得不提一下JavaScript的新规范。ES6;也就是在javaScript的语法相对于之前的话有所不同const , let and var 的区别：const , let 是 ES6 中用于声明变量的新关键字...原创 2019-07-31 11:59:16 · 936 阅读 · 0 评论 -
【SPA项目的Jwt安全验证】
目录前言Jwt与传统的安全验证Jwt方案的处理前端对Jwt的处理后端对Jwt的处理Jwt方案测试关闭Jwt方案测试开启Jwt方案测试总结前言如题，Jwt也就是当下在跨域的身份验证的最好用的解决方案。为什么在SPA中我们需要用到Jwt的一个身份验证呢？因为如今的SPA项目是前后端分离的，所以以前的方法已经不够使用，需要用到其他的解决方案。Jwt与传统的安全验证一，传统的身份验证记得...原创 2019-08-17 13:39:10 · 574 阅读 · 1 评论 -
【SPA项目的Vuex】
目录前言Vuex的概念搭建Vuex的模块测试state获取变量两种方法(一个无监听，一个监听)state修改变量对有无监听是否有关系state修改变量值(一个同步，一个异步)总结前言本章我们是要以了解Vuex模块的一个组成来进行的，并且能掌握Vuex下的结构以及用法。但是其实是对之前的代码做一个优化。Vuex的概念说到底就是优化，优化什么呢 ，一，父子之间的传值在我们刚开始接触的时...原创 2019-08-16 20:41:18 · 340 阅读 · 0 评论 -
【SPA项目接口文档】
目录:用户登录，树形菜单，crud前言用户登录树形菜单数据表格的crud查询文章增加文章修改文章文章删除总结前言如上所述，本文档是SPA项目的一个接口文档，因为前后端的交互就在于此。用户登录因为我是用的本地的，而且项目名为sshdemo接口调用请求说明http请求方式: POST（请使用https协议）http://localhost:8080/sshdemo/vue/userA...原创 2019-08-14 20:30:46 · 461 阅读 · 0 评论 -
【SPA项目的crud操作】
目录：crud操作和表单验证前言crud操作整体代码增加文章修改文章删除文章总结前言之前已经可以把数据表格放到了AppMain.vue上了，所以我们本章就是通过上次的数据表格进行一个对数据库的crud操作，还是跟上次一样，本次并不会去过多的讲后台代码，因为我们可以通过一个文档来了解接口就行了的，因为大部分的公司，项目前后端分离的话就是通过接口文档来了解数据的传输。crud操作整体代码...原创 2019-08-14 19:03:07 · 187 阅读 · 0 评论 -
【SPA项目的Mock和总线传值】
目录前言Mock模块前言本章是把后台弃置，然后就使用前端Node.js来启动那么数据怎么来的呢，其中原因就在于Mock这个模块上，它可以模拟一个测试数据提供使用。额，本章内容包括Mock和，一些简单的点击效果，和总线传值Mock模块...原创 2019-08-10 13:52:04 · 434 阅读 · 0 评论 -
【SPA项目之跨域实现】
目录前言vue项目内部其他js库vue项目中的一些文件后端的一些配置测试总结前言今天的知识是比较绕的，因为是前端与后端之间的一个交互，所以说是一个重点有木有啊。因为之前我们用到的是Node.js来启动前端项目，用tomact来启动后端代码，那么如何实现前后端交互呢？想一想我们之前的交互吧，对，以前的项目的请求有两种：一，直接到页面请求一般的请求的话比如从index.jsp请求到i...原创 2019-08-09 21:53:46 · 17899 阅读 · 0 评论 -
【SPA项目的动态传值】
目录：树形菜单+数据表格+分页前言树形菜单跳转路径的解决问题在Articles.vue里面的数据表格数据表格加上分页效果总结前言因为之前我们已经有了一个简简单单的后台模板，可是我们之前是用到的是Mock测试，所以说之前的数据都是假的数据，并不能符合开发的要求，所以为了让前后端彻底合并，我们今天来一个真实的树形菜单和树形表格树形菜单不过说实话一个前端的模板是真的比较麻烦的搭建，但是...原创 2019-08-13 20:04:03 · 302 阅读 · 0 评论 -
【SPA项目的搭建】
目录前言vue-cli搭建(手脚架)使用vue-cli构建项目ElementUI的导入项目测试组件 views中路由设置设置轴点和视图。总结前言在上个章节中我们已经将可以使前端单独跑起来的Node.js环境已经搭建起来了。所以我们今天就可以用这个Node.js来试试水，不过之前我们用的是别人的项目，今天我们就要用vue-cli 来搭建一个属于我们自己的一个项目，并且能够跑起来。并且在一个...原创 2019-08-06 20:16:56 · 5203 阅读 · 1 评论 -
【Vue模板语法上】
目录前言插值文本语法html语法bind语法表达式指令if 指令v-show指令v-for指令动态参数过滤器局部过滤器全局过滤器计算属性，监听属性计算属性监听属性总结前言开始学习Vue了，Vue是一个非常厉害的前端框架，为了以后的使用，Vue的学习是不能抛下滴。一些大深层的东西暂时还没学，先把基础打牢了再说。插值文本语法普通的文本输出语法: {{}}当然里面放的是一个Vue边界里面的...原创 2019-08-01 16:43:50 · 712 阅读 · 0 评论 -
【Vue的路由，SPA概念】
目录前言SPA的概念路由的创建路由的使用router-link的相关属性replaceappend渲染总结前言本章是为了以后实现前端页面的搭建而写的，重点在于如何实现 单页Web应用因为相对于以前的传统多页面web，有很大的缺陷。那么就必须了解一下Vue的路由设置。SPA的概念总的而言，我们知道之前的话都是用的是许多jsp,或html页面来组成我们的项目的。那么这样有什么缺点呢...原创 2019-08-03 11:46:33 · 635 阅读 · 1 评论 -
【Vue模板语法下】
目录前言样式绑定事件处理器事件修饰符表单常见内容组件基础组件父传子值子传父值全局 vue组件总结前言本章是Vue模板语法的下一个补充内容。没什么重要知识点。样式绑定因为这个超级简单，所以不过多的讲解。要说的就是 用到的是 v-bind的绑定指令,然后接上自己写好的样式。<!DOCTYPE html><html> <head> <me...原创 2019-08-02 18:00:43 · 384 阅读 · 0 评论