Vue - 随笔分类 - Renduo

Jwt验证

摘要：什么是Jwt JSON Web Token (JWT)，它是目前最流行的跨域身份验证解决方案 JWT的精髓在于：“去中心化”，数据是保存在客户端的 JWT的工作原理是在服务器身份验证之后，将生成一个JSON对象并将其发送回用户，示例如下：{“UserName”: “Chongchong”,“Rol 阅读全文

posted @ 2019-08-18 10:49 Renduo 阅读(384) 评论(0) 推荐(0)

Vuex

摘要：vue中各个组件之间传值 1.父子组件父组件-->子组件，通过子组件的自定义属性：props 子组件-->父组件，通过自定义事件：this.$emit('事件名',参数1,参数2,...); 2.非父子组件或父子组件通过数据总数Bus，this.$root.$emit('事件名',参数1,参数2 阅读全文

posted @ 2019-08-16 19:53 Renduo 阅读(215) 评论(0) 推荐(0)

SPA项目开发之后台接口文档

摘要：用户登录用户注册文章curd 一、用户登录调用接口说明： https://localhost:8080/项目名/vue/userAction_login.action 参数是否必须说明 Name 是用户名 Pwd 是密码正确时返回JSON数据包： { "code":1 "msg":" 阅读全文

posted @ 2019-08-15 20:15 Renduo 阅读(439) 评论(0) 推荐(0)

SPA项目开发之CRUD+表单验证

摘要：表单验证 Form组件提供了表单验证的功能，只需要通过 rules 属性传入约定的验证规则，并将Form-Item的prop属性设置为需校验的字段名即可 <el-form-item label="活动名称" prop="name"> <el-form :model="ruleForm" :rule 阅读全文

posted @ 2019-08-15 19:19 Renduo 阅读(218) 评论(0) 推荐(0)

SPA项目开发之动态树+数据表格+分页

摘要：1、准备好后台（左侧树，带分页的文章查询） 2、将左侧树的数据绑定到elementui中的menu标签上 3、新增一个自定义组件用来展示文章列表的 4、绑定elementui提供的分页组件来完成分页功能动态生成NavMenu导航菜单(只支持2级菜单) 结构： <el-menu key="" ind 阅读全文

posted @ 2019-08-13 20:30 Renduo 阅读(250) 评论(0) 推荐(0)

SPA项目开发之首页导航+左侧菜单

摘要：内容：1、mock.js模拟响应ajax请求2、通过js代码完成路由的跳转3、后台主界面的搭建4、退出功能5、左侧树收缩功能（vue总线的概念） Mock.js在我们的生产实际中，后端的接口往往是较晚才会出来，并且还要写接口文档，于是我们的前端的许多开发都要等到接口给我们才能进行，这样对于我们前端来阅读全文

posted @ 2019-08-11 21:29 Renduo 阅读(243) 评论(0) 推荐(0)

SPA项目开发之登录注册

摘要：1. vue怎么引入和配置使用element-ui框架 1.1 使用vue-cli脚手架工具创建一个vue项目vue init webpack pro01 1.2 npm安装elementUIcd pro01 进入新建项目的根目录npm install element-ui -S 安装element 阅读全文

posted @ 2019-08-10 10:32 Renduo 阅读(365) 评论(0) 推荐(0)

使用vue-cli搭建SPA项目

摘要：使用vue-cli搭建SPA项目的前提就是搭建好NodeJS NodeJS搭建指路：https://www.cnblogs.com/psyu/p/11302204.html 什么是vue-cli? vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板，创建命令如下阅读全文

posted @ 2019-08-07 18:48 Renduo 阅读(183) 评论(0) 推荐(0)

ElementUI+NodeJS环境搭建

摘要：Element简介：我们学习VUE,知道它的核心思想式组件和数据驱动,但是每一个组件都需要自己编写模板,样式,添加事件,数据等是非常麻烦的,所以饿了吗推出了基于 VUE2.0的组件库,提供现成的PC端组件. 这个组件库的名称叫做element-ui,基于Vue2.0开发,提供了丰富的PC端组件框阅读全文

posted @ 2019-08-05 11:56 Renduo 阅读(3405) 评论(0) 推荐(0)

Vue路由

摘要：1. SPA是什么单页Web应用（single page application，SPA），就是只有一个Web页面的应用，是加载单个HTML页面，并在用户与应用程序交互时动态更新该页面的Web应用程序单页面应用程序：只有第一次会加载页面, 以后的每次请求, 仅仅是获取必要的数据.然后, 由页阅读全文

posted @ 2019-08-03 11:42 Renduo 阅读(182) 评论(0) 推荐(0)

Vue基础语法2

摘要：Vue基础语法1： https://www.cnblogs.com/psyu/p/11283220.html 一、样式绑定 class绑定使用方式：v-bind:class=“expression” expression的类型：字符串、数组、对象 style绑定 v-bind:style=“exp 阅读全文

posted @ 2019-08-03 09:52 Renduo 阅读(150) 评论(0) 推荐(0)

Vue基础语法

摘要：一、插值 1.文本插值 {{*}} 在Vue实例中定义了变量，就可以使用文本插值 2.v-html指令插值 <div v-html="vueHtml"></div> new Vue({ el:'#app', data(){ return{ , vueHtml:'<span style="color: 阅读全文

posted @ 2019-08-01 16:04 Renduo 阅读(338) 评论(0) 推荐(0)

随笔分类 - Vue