SPA
Lucky52hz
学无止境,业精立于勤。
展开
-
使用vue-cli搭建SPA项目
使用vue-cli搭建SPA项目1 什么是vue-cli?2 安装vue-cli3 使用脚手架vue-cli(2.X版)来构建项目1 什么是vue-cli?vue-cli是vue.js的脚手架,用于自动生成vue.js+webpack的项目模板,创建命令如下:vue init webpack xxx注1:xxx 为自己创建项目的名称注2:必须先安装vue,vue-cli,webpack,...原创 2019-09-27 16:19:34 · 111 阅读 · 0 评论 -
SPA项目开发之登录注册
SPA项目开发之登录注册1 创建一个新项目1 创建一个新项目修改端口号:修改为8088重新启动项目原创 2019-09-29 12:07:51 · 936 阅读 · 0 评论 -
SPA项目开发之首页导航+左侧菜单
SPA项目开发之首页导航+左侧菜单1 Mock.js是什么?2 mock.js的使用步骤及主界面搭建3 mock.js模拟响应ajax请求4 登陆与注册页面的跳转5 Vue总线的概念及使用1 Mock.js是什么?Mock.js是一个模拟数据的生成器,用来帮助前端调试开发、进行前后端的原型分离以及用来提高自动化测试效率。众所周知Mock.js因为两个重要的特性风靡前端:数据类型丰富支持生...原创 2019-09-30 01:57:42 · 104 阅读 · 0 评论 -
SPA项目开发之动态树+数据表格+分页
SPA项目开发之动态树+数据表格+分页1、动态树的渲染2、elementui中的数据表格3、elementui中的分页及查询1、动态树的渲染后台数据t_vue_usert_vue_tree_nodet_vue_articles动态生成NavMenu导航菜单(只支持2级菜单)2.1 结构 <el-menu key="" index=""> &l...原创 2019-10-01 23:16:12 · 81 阅读 · 0 评论 -
SPA项目开发之CRUD+表单验证
SPA项目开发之CRUD+表单验证1 表单验证2 Vue表单验证3 Vue表单数据的增删改查1 表单验证Form组件提供了表单验证的功能,只需要通过 rules 属性传入约定的验证规则,并将Form-Item的prop属性设置为需校验的字段名即可 注1:有多个表单,怎么在提交进行区分?我们在rules这里写了对表单的验证规则,但是我们如何在methods里进行指定的表单进行认...原创 2019-10-09 16:36:07 · 85 阅读 · 0 评论