Vue
听晚风续过晚
一步一步慢慢来 像滚雪球一样 慢慢变大
展开
-
SPA项目开发之动态树+数据表格+分页
SPA项目开发之动态树形菜单+数据表格+分页需要的后台数据t_vue_usert_vue_tree_nodet_vue_articles动态树形菜单 LeftNav.vue<template> <el-menu router :default-active="$route.path" class="el-menu-vertical-demo" background...原创 2019-08-13 21:25:29 · 210 阅读 · 0 评论 -
JWT
JWTJWT是什么?JSON Web Token (JWT),它是目前最流行的跨域身份验证解决方案为什么使用JWT?JWT的精髓在于:“去中心化”,数据是保存在客户端的。JWT的工作原理a、. 是在服务器身份验证之后,将生成一个JSON对象并将其发送回用户,示例如下:{“UserName”: “Chongchong”,“Role”: “Admin”,“Expire”: “2018-0...原创 2019-08-17 11:14:10 · 237 阅读 · 0 评论 -
Vuex
Vuex传值一、vue中各个组件之间传值a、.父子组件父组件–>子组件,通过子组件的自定义属性:props子组件–>父组件,通过自定义事件:this.emit(′事件名′,参数1,参数2,...);二、非父子组件或父子组件通过数据总数Bus,this.emit('事件名',参数1,参数2,...);二、非父子组件或父子组件 通过数据...原创 2019-08-16 21:27:23 · 211 阅读 · 0 评论 -
简单模仿微信公众号后台接口文档
简单模仿微信公众号后台接口文档首先我们先看下微信公众号后台接口文档的模板 然后在进行操作点开链接 https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140840 可以看到我们要做成样式一、用户登录接口调用请求说明:http请求方式: GET(请使用https协议)https://xxx.xxx.xxx:80...原创 2019-08-15 20:01:35 · 524 阅读 · 0 评论 -
Vue基础语法(样式绑定、时间处理器、表单、组件)
样式绑定一、 class绑定使用方式:v-bind:class=“expression”expression的类型:字符串、数组、对象二、 style绑定v-bind:style=“expression”expression的类型:字符串、数组、对象样式绑定.html<!DOCTYPE html><html> <head> <m...原创 2019-08-02 18:30:00 · 382 阅读 · 0 评论 -
Vue的路由
首先我们来了解下 SPA是什么? 单页Web应用(single page application,SPA),就是只有一个Web页面的应用, 是加载单个HTML页面,并在用户与应用程序交互时动态更新该页面的Web应用程序 单页面应用程序: 只有第一次会加载页面, 以后的每次请求, 仅仅是获取必要的数据.然后, 由页面中js解析获取的数据, 展示在页面中 传统多页面应...原创 2019-08-03 11:28:49 · 202 阅读 · 0 评论 -
ElementUI简介
ElementUI简介我们学习VUE,知道它的核心思想式组件和数据驱动,但是每一个组件都需要自己编写模板,样式,添加事件,数据等是非常麻烦的,所以饿了吗推出了基于VUE2.0的组件库,它的名称叫做element-ui,提供了丰富的PC端组件ElementUI官网:http://element-cn.eleme.io/#/zh-CN注1:类似前端框架还有iview用ElementUI做的d...原创 2019-08-05 18:10:52 · 18005 阅读 · 0 评论 -
使用vue-cli搭建SPA项目
什么是vue-cli?vue-cli是vue.js的脚手架,用于自动生成vue.js+webpack的项目模板,创建命令如下:vue init webpack xxxa、:xxx 为自己创建项目的名称b、:必须先安装vue,vue-cli,webpack,node等一些必要的环境安装vue-clinpm install -g vue-cli一:安装成功后,会出现如下文件D:\in...原创 2019-08-06 20:27:44 · 555 阅读 · 0 评论 -
NodeJS环境搭建
一、ElementUI简单了解ElementUI简介我们学习VUE,知道它的核心思想式组件和数据驱动,但是每一个组件都需要自己编写模板,样式,添加事件,数据等是非常麻烦的,所以饿了吗推出了基于VUE2.0的组件库,它的名称叫做element-ui,提供了丰富的PC端组件ElementUI官网:http://element-cn.eleme.io/#/zh-CN注1:类似前端框架还有ivi...原创 2019-08-05 18:27:41 · 327 阅读 · 0 评论 -
Vue基础语法(插值、指令、过滤器、 计算属性和监听属性)
Vue基础语法插值.html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script> <title>指令</ti...原创 2019-08-01 16:04:01 · 721 阅读 · 0 评论 -
SPA项目开发之首页导航+左侧菜单
一、Mock.js前后端分离开发开发过程当中,经常会遇到以下几个尴尬的场景:a. 老大,接口文档还没输出,我的好多活干不下去啊!b. 后端小哥,接口写好了没,我要测试啊!前后端分离之后,前端迫切需要一种机制,不再需要依赖后端接口开发,而今天的主角mockjs就可以做到这一点Mock.js是一个模拟数据的生成器,用来帮助前端调试开发、进行前后端的原型分离以及用来提高自动化测试效率。众所周...原创 2019-08-10 17:43:10 · 624 阅读 · 0 评论 -
SPA项目开发之CRUD+表单验证
SPA项目开发之CRUD+表单验证原创 2019-08-14 19:38:15 · 214 阅读 · 0 评论 -
SPA项目开发之登录注册
多说无益直接上代码前端代码vue 怎么引入和配置使用 element-ui 框架a、 使用 vue-cli 脚手架工具创建一个 vue 项目vue init webpack pro01b、npm 安装 elementUIcd pro01 # 进入新建项目的根目录npm install element-ui -S ...原创 2019-08-09 23:11:27 · 3857 阅读 · 0 评论 -
Vue之动起来
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...原创 2019-08-18 10:10:21 · 298 阅读 · 0 评论