Vue
前端技术集合
Pole丶逐
天道酬勤,学不可以已。
展开
-
使用element-ui的复选框进行v-model数据绑定时出现的问题
1. 使用element-ui的复选框进行v-model数据绑定时出现的问题问题原因 :多选框绑定数据需要数组进行接受,未在data声明的数据默认为字符串解决方案 :在data中进行数据声明2. 使用VScode进行编码时无法加载完成问题原因 :导入api.js文件时未声明路径解决方案 :导入文件时声明路径(这个找了好久,因为有没效果,又不报...原创 2020-04-24 09:07:31 · 2019 阅读 · 1 评论 -
01.Nuxt.js(概述,目录结构,路由,动态路由)
1. 概述SPA单页web应用,vue就是SPA具体技术不利于SEOSEO: 搜索引擎优化( 增加收录,提高权重 )SSR: 服务器端渲染技术将前端分为客户端和服务器端服务器端渲染就是让服务器端的代码先执行,就可以提前看到数据nuxt.js就是基于vue.js的SSR技术1.1 目录结构nuxt项目目录结构nuxt: 编译后目录assets: 存在需要便...原创 2020-04-24 09:12:07 · 290 阅读 · 0 评论 -
02.Nuxt.js (视图,axios操作,插件)
3. 视图3.1 默认布局~/layouts/default.vue3.2 自定义布局步骤一: 在~/layouts文件夹下创建一个文件~/layouts/blog.vue注意,一定要有 标签,相当于之前学过的步骤二: 在页面中引入如果未引入,则默认使用默认布局<script>export default { layout: 'blog'}...原创 2020-04-24 09:12:48 · 221 阅读 · 0 评论 -
Angular 基础
1. 简介为什么使用Angular?Angular 是一个应用设计框架与开发平台,用于创建高效、复杂、精致的单页面应用.支持TypeScript语法,进行代码的编译,可以有效的减少代码编写时的错误Angular是一套用于构建用户界面的javaScript 框架.有Google开发和维护,主要被用来开发单页面应用程序类似于Vue.jsMVVM组件化模块化指令...原创 2020-04-25 09:53:12 · 577 阅读 · 0 评论 -
Vuex简述
1. 概述Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化简单来说就是,多个组件共享数据的区域,当数据发生变化时,那么相应的组件也会相应地得到高效更新2. 文件结构在普通vue项目中/store/index.jsexport default new Vuex.St...原创 2020-04-24 09:10:30 · 177 阅读 · 0 评论 -
浏览器端保存校验信息(sessionstorage,localstorage)
学习到当前阶段时,之前学过的cookie已经不能满足需求,cookie的存储信息个数,大小等限制在这里学习新的浏览器端保存信息技术,来替换cookiesessionstorage和localstorage共同点与区别共同点都是保存在浏览器端的技术只能储存字符串信息,保存对象等需要使用JSON工具进行处理不同点sessionstorage(会话级别)用于临时保...原创 2020-04-24 09:06:44 · 147 阅读 · 0 评论 -
Vue整合JWT实现用户登录----权限校验
首先需要明白Jwt是什么这里有个大佬详细介绍如何使用<<密码加密与微服务鉴权JWT详细使用教程>>我们只使用这个工具进行功能实现流程图步骤详解功能一 : 登录成功后使用jwt生成随机码,并传递给浏览器(token)功能二 : 浏览器判断登录成功后,把token保存到sessionStorage中(会话级别)功能三 : 在每次发送h...原创 2020-04-24 09:05:46 · 1619 阅读 · 1 评论 -
vue学习记录 (async,拦截器,导航守卫,Vuex)
1.async 异步操作在异步调用时外层必须有一个函数并且这个函数被 async 修饰调用方法被 await 修饰<script>methods: { async findAll(){ // 使用结构进行拆分 let {status,data} = axios.get('/student'); console.in...原创 2020-04-23 17:44:47 · 365 阅读 · 0 评论 -
Vue学习记录 (ref,生命周期,组件,router)
ref=“名称”:注册引用信息this.$ref.名称:获取对象(此为操作dom节点)计算属性:computed在差值表达式中调用此函数会直接返回计算结果,而不是函数本身当data中的数据出现变更时,将进行自动计算new Vue({ el:"#d1", // 作用的区域 data:{ // 参数 ...原创 2020-04-23 17:41:35 · 184 阅读 · 0 评论 -
Vue学习记录 (模板,差值表达式,v-text,v-html,v-bind,v-model,v-if,v-show,v-for,v-on,this关键字,按键修饰符)
模板示范<div id="d1"></div><script> new Vue({ el:"#d1", // 作用的区域 data:{ // 参数 }, methods:{ // 函数 }, comput...原创 2020-04-23 17:39:34 · 128 阅读 · 0 评论 -
es6基本语法 (rest参数,模板化,axios模块,拦截器)
日常学习记录模块化:把一个大文件分成多个小文件,按照一定规范进行拼接 es5写法: 导出:module.exports = 数据 &...原创 2020-04-23 17:38:25 · 487 阅读 · 0 评论 -
es6基本语法 (基本变量,模板字符串,解构,函数参数默认值,对象简写,箭头函数,this,map集合,set集合,形参,实参)
变量var(全局变量):存在变量提升,不存在暂时性死区,允许重复声明let(块级变量):不存在变量提升,存在暂时性死区,不允许重复声明const(常量):不存在变量提升,存在暂时性死区,不允许重复声明 模板字符串:使用 `` 进行保存使用 ${} 进行使用${} 可以使用变量的值解构: {}(对象) 需要保证变量名和属性名一致交换变量...原创 2020-04-22 11:31:47 · 154 阅读 · 0 评论