出于安全考虑,当用户登录后,本地浏览器需要保存保存服务器返回的token,并默认存储为头文件,在用户接下来访问每个界面时都携带着这个头部进行验证。若检测到非法登录状态,则进行路由拦截,无法正常访问资源+跳转至登录界面。 这里只记录前端板块,最基础的地方。1.首先,登录验证,保存tokensessionStorage.setItem("token",res.data.token) //存储toke
转载
2023-08-29 20:59:10
176阅读
学习参考网址:http://www..com/keepfool/p/5619070.html v-if/v-show指令 v-if/v-show的区别是:v-if 判断false以后 元素直接不反应到HTML,v-show 始终会被渲染到HTML,它只是简单地为元素设置CSS的styl
转载
2016-10-20 11:51:00
931阅读
2评论
VueJS
第一步,安装node.js安装包下载地址:https://nodejs.org/en/安装包下载安装完成后,在命令行使用 node -v 查看node版本,判断是否安装成功。
第二步,安装vue脚手架安装淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org 安装webpack:npm install we
原创
2021-12-27 17:25:34
409阅读
1.通常,当事件发生时,JavaScript 可以执行代码。
在 HTML 页面中插入 JavaScript使用 <script> 标签。<script> 和 </script> 之间的代码行包含了 JavaScript:
HTML 元素中可以添加事件属性,使用 JavaScript 代码来添加 HTML 元素。
Javascript事件可以用于处理表单验证,用户输入,用户行为及浏览器动作。
转载
2023-06-14 18:51:23
111阅读
策略模式 (Strategy Pattern)又称政策模式,其定义一系列的算法,把它们一个个封装起来,并且使它们可以互相替换。封装的策略算法一般是独立的,策略模式根据输入来调整采用哪个算法。关键是策略的实现和使用分离。注意: 本文可能用到一些编码技巧比如 IIFE(Immediately Invoked Function Expression, 立即调用函数表达式),ES6 的语法 let/con
原创
2022-11-24 09:05:02
56阅读
1.vuejs简介 vue到底是什么?一个mvvm框架(库)、和angular类似 比较容易上手、小巧官网:http://cn.vuejs.org/ 手册: http://cn.vuejs.org/api/2.vuejs与angular的区别。vue:简单、易学,指令以 v-xxx,一片html代码配合上json,在new出来vue实例,个人维护项目 ,适合: 移动端项目,小巧vue的
转载
2017-02-17 22:51:00
231阅读
2评论
4.1 vue-resource
vue-resource是Vue.js的插件提供了使用XMLHttpRequest或JSONP进行Web请求和处理响应的服务。 当vue更新
到2.0之后
原创
2022-03-04 17:01:15
168阅读
<div id='root'> <ul> <todo-item></todo-item> </ul> </div> <script> Vue.component('todo-item',{ template:'<li>item</li>' }) </script> 全局组件:上面这种组件叫做全局组件
转载
2018-09-04 21:46:00
232阅读
2评论
component和vue实例的区别1 实例有el, component没有, component有name, vue没有2 实例可以.$mount(id), component没有,但new component就可以--其他属性有很多相似的地方生成vue实例: new Vue生成component
转载
2018-07-04 23:45:00
759阅读
2评论
框架类vue的虚拟dom了解过吗答案解析:vue将DOM抽象成一个以JavaScript对象构成的抽象树,以VNode节点模拟真实DOM,可以对这个抽象树进行节点的增删改查,这个过程都不需要去操作真实DOM,只需要在修改完使用diff算法算出一些需要修改的最小单位,在将这些小单位视图进行更新,就可以减少很多不必要的DOM操作,大大提高性能。优点具有跨平台的作用:因为虚拟dom 是以js对象为基础而
转载
2021-01-18 12:54:54
662阅读
2评论
4.1 vue-resourcevue-resource是Vue.js的插件提供了使用XMLHttpRequest或JSONP进行Web请求和处理响应的服务。 当vue更新到2.0之后,作者就宣告不再对vue-resource更新,而是推荐的axios,在这里大家了解一下vue-resource就可以。vue-resource的 github: https://github.com/page...
原创
2021-08-18 10:46:20
309阅读
基于vuejs和element-ui的验证:循环表单验证、循环表格表单验证代码: @lastEditors: lingyang * @Date: 2019-12-16 15:31:22
* @LastEditTime: 2020-07-09 17:26:04
-->{{ msg }}commonUseComponents/src/pages/page2/App.vue-->循环表单校
转载
2021-05-06 17:06:49
592阅读
2评论
刚开始学习vuejs,加油少年,为了我们的coding的理想 2.注意自定义指令的传参的这里的blue这里需要一层单引号的。 3.Vue.components()必须在new Vue之前写。 4.vue的动画
转载
2017-01-25 10:41:00
231阅读
2评论
什么是vuejs? 1、它是一个轻量级的mvvm框架 2、数据驱
原创
2022-09-09 08:36:00
138阅读
vuejs1
原创
2017-02-07 09:50:02
627阅读
vuejs2
原创
2017-02-07 09:52:01
642阅读
vuejs3
原创
2017-02-07 09:59:23
815阅读
属性绑定1.属性绑定(2种方式)<!-- 绑定属性 --><div v-bind:title="title">鼠标hover</div><div :title="title">鼠标悬浮</div><!-- 绑定地址 --><img v-bind:src="url" height="400" width=...
原创
2021-07-22 10:08:41
1357阅读
数据绑定1.vue结构 (html所有的代码需有一个根包裹起来 <div id="app">)#html模版<template> <div id="app"> <h3>{{msg}}</h3> </div></template>#js业务<script>...
原创
2021-07-22 10:08:42
431阅读
生成项目 npm i -g vue-cli > mkdir my-project && cd my-project > vue init webpack npm i && npm i element-ui npm run build
原创
2021-08-27 15:41:52
253阅读