Vue
文章平均质量分 92
鑫709
唯有行动 才能解除你所有的不安
展开
-
vue---Jwt介绍与使用(vuex)
Jwt介绍什么是JWTJWT就是上述流程当中token的一种具体实现方式,其全称是JSON Web Token,官网地址:https://jwt.io/token进行用户身份验证的流程: 客户端使用用户名和密码请求登录 服务端收到请求,验证用户名和密码 验证成功后,服务端 会签发一个token,再把这个token返回给客户端 客户端收到token后可以把它存储起来,比如放到cookie中 客户端每次向服务端请求资源时需要携带服务端签发的token,可以在cookie或者h原创 2022-05-19 19:41:06 · 4420 阅读 · 0 评论 -
vue--vuex介绍与使用
Vue介绍Vuex 是什么?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式,单一状态树,通俗理解就是一个应用的数据集合,可以想象为一个“前端数据库”(数据仓库),让其在各个页面上实现数据的共享包括状态,并且可操作。详情官方解释。Vuex的组成Vuex分成五个部分:State:单一状态树 Getters:状态获取 Mutations:触发同步事件 Actions:提交mutation,可以包含异步操作 Module:将vuex进行分模块前四个特征原创 2022-05-15 19:53:23 · 1011 阅读 · 0 评论 -
vue--vuue+Element使用表单验证+CRU
接上篇的数据表格与分页,今天我们给表格中的数据增删改与表单验证后端接口Web层private Book book=new Book(); private BookDao bookDao=new BookDao(); private ObjectMapper mapper=new ObjectMapper(); @Override public Book getModel() { return book; } public String queryBookPager(..原创 2022-05-13 01:01:47 · 495 阅读 · 0 评论 -
vue--vue+ElementUI实现动态树+数据表格+分页
前提在上一篇博客之后,继续来写原创 2022-05-11 16:41:37 · 2265 阅读 · 0 评论 -
vue--使用mock.js+ElementUI搭建首页导航+左侧菜单
前提在上一篇博客之后,继续来写Mock.js概述:Mock.js是一个模拟数据的生成器,用来帮助前端调试开发、进行前后端的原型分离以及用来提高自动化测试效率使用场景:前后端分离开发开发过程当中,经常会遇到以下几个尴尬的场景:老大,接口文档还没输出,我的好多活干不下去啊! 后端小哥,接口写好了没,我要测试啊!前后端分离之后,前端迫切需要一种机制,不再需要依赖后端接口开发,而mockjs就可以做到这一点Mock.js的两个重要的特性 :数据类型丰富: 支持生成随机的文本、原创 2022-05-09 01:38:32 · 345 阅读 · 0 评论 -
vue---vue+elementUI完成注册及登陆
项目基本搭建项目创建 项目名:medpro 下载依赖npm install element-ui -Snpm install axios -Snpm install qs -S npm install vue-axios -S在项目路径中下载以上三个main.js全局配置 配置element-ui,使用elementUI来进行布局// The Vue build version to load with the `import` comm...原创 2022-05-05 18:28:48 · 9810 阅读 · 1 评论 -
vue--Vue脚手架框架搭建项目
前提:搭建好NodeJS环境创建Vue项目前准备验证安装是否成功1、安装node.js和npm按键win+r,输入前提:搭建好NodeJS环境打开命令行工具出现以上版本显示,代表安装成功2、安装webpack安装webpack,按键wind+r再输入cmd点击enter键 打开命令行工具输入:npm install webpack -g,安装完成之后输入 webpack -v,如下图,如果出现相应的版本号,则说明安装成功。在此目录下有生成webpack原创 2022-05-05 06:59:12 · 989 阅读 · 0 评论 -
Vue框架---Vue模板语法(二)
样式绑定1、class绑定使用方式:v-bind:class="expression"expression的类型:字符串、数组、对象<div id="ad"> <h1>{{ts}}</h1> <!-- class样式 --> <div :class="clsArrs"> 11111111111111111111111111111 </div></div><script>原创 2022-05-02 23:22:49 · 1468 阅读 · 0 评论 -
vue---vue路由
SPA介绍1、SPA是什么? 单页Web应用(single page application,SPA),就是只有一个Web页面的应用, 是加载单个HTML页面,并在用户与应用程序交互时动态更新该页面的Web应用程序2、单页面应用程序: 只有第一次会加载页面, 以后的每次请求, 仅仅是获取必要的数据.然后, 由页面中js解析获取的数据, 展示在页面中 传统多页面应用程序: ...原创 2022-04-30 15:43:15 · 1002 阅读 · 0 评论 -
Vue框架---Vue模板语法(一)
模板语法Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。结合响应系统,在应用状态改变时, Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上插入文本数据绑定最常见的形式就是使用 {{…}}(双大括号)的文本插值:<script src="js/vue.js" type="text/javascr原创 2022-04-27 22:06:04 · 1178 阅读 · 0 评论 -
Vue框架---Vue入门
Vue概述Vue是一个构建用户界面(UI)的[渐进式]JavaScript框架vue.js的核心特点—响应的数据绑定传统的js操作页面:在以前使用js操作页面的时候是这样的,需要操作某个html元素的数据,就的使用js代码获取元素然后在处理业务逻辑响应式数据绑定的方式操作页面,可以直接使用像下面代码那样的写法就可以将数据填充到页面中为什么要学习vue通过学习Vue提供的指令, 很方便的就能把数据渲染到页面上, 不在需要手动操作DOM元素, 前端的Vue之类的框架, 不提.原创 2022-04-26 16:10:12 · 6307 阅读 · 0 评论