随笔分类 -  Vue

Vue----实现登陆和token验证
摘要：Vue项目中实现token验证的大致思路有以下几步： 1、第一次登陆的时候，前端调登陆接口，发送用户名和密码。 2、后端接受到请求之后，验证用户名和密码，请求成功返回一个toke。 3、前端拿到token，将token，和当前用户信息存入localStorage和Vuex中，并跳转路由页面。 4、增 阅读全文
posted @ 2020-06-24 10:07 _四点 阅读(1887) 评论(0) 推荐(0)
Vue----创建脚手架项目
摘要：自己准备做一个个人的网站，在这里从头开始记录一下。 一、安装node.js 先用node -v命令查看自己是否已经安装过。 没有安装的，直接点击右边的连接去下载安装 >http://nodejs.cn/download/ 注意：安装脚手架需要node版本在4.0以上 二、更换镜像（可做可不做） 如果 阅读全文
posted @ 2020-06-03 23:52 _四点 阅读(351) 评论(0) 推荐(1)
Vue----源码学习-基本实现原理（数据代理、模板编译、数据绑定的实现、双向数据绑定）
摘要：最近在学习Vue的源码，之前刚开始接触Vue的时候也是我刚开始学习开发，我看完了Vue官方文档就去网上找Vue源码的资料来看，看的是一脸懵逼。现在对Vue有一点了解之后再去看总于能看懂了。 Vue作为一个MVVM框架的基本实现原理包含数据代理、模板编译、数据绑定、双向数据绑定。 数据代理： 解释：用 阅读全文
posted @ 2020-05-08 15:50 _四点 阅读(352) 评论(0) 推荐(0)
Vue----生命周期
摘要：每个Vue实例在被创建之前都要经过一系列的初始化过程，这个过程就是vue的生命周期。 首先贴一张Vue文档给出的生命周期图示，并添加了一些注释： Vue2.0的生命周期钩子一共有10个，同样结合官方文档作出了下表 生命周期钩子函数 调用时间 beforeCreate 在实例初始化之后，数据观测(da 阅读全文
posted @ 2019-11-14 14:38 _四点 阅读(224) 评论(0) 推荐(0)
Vue----项目增加百度统计
摘要：到百度统计->注册账号->新增网址->获取代码 在Vue单页面开发中接入百度统计代码时，如果直接按照官网的走会出现错误，就是_hmt找不到，这是因为在一个js文件里声明的变量在另一个js文件里是找不到的，所以需要把_hmt挂载到window对象下,这样_hmt成为了全局变量，就可以在任何地方访问了。 阅读全文
posted @ 2019-11-07 17:11 _四点 阅读(473) 评论(0) 推荐(0)
Vuex----核心概念和API
摘要：state 1）vuex管理状态的对象 2）它应该是唯一的 const state = { xxx:initValue } mutations 1）包含多个直接更新state的方法（回调函数）的对象 2）谁来触发：action中的commit（'mutation名称'） 3）只能包含同步代码，不能写 阅读全文
posted @ 2019-10-25 17:46 _四点 阅读(614) 评论(0) 推荐(0)
Vuex----理解
摘要：Vuex 是什么？ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 阅读全文
posted @ 2019-10-25 16:24 _四点 阅读(224) 评论(0) 推荐(0)
Vue----渐进式框架的理解
摘要：对“渐进式”这三个字的理解：Vue渐进式-先使用Vue的核心库，再根据你的需要的功能再去逐渐增加加相应的插件。 以下理解出处：https://www.zhihu.com/question/51907207 在我看来，渐进式代表的含义是：主张最少。 每个框架都不可避免的会有自己的一些特点，从而会对使用 阅读全文
posted @ 2019-10-21 15:05 _四点 阅读(9321) 评论(0) 推荐(0)
Vue.js----router(路由)
摘要：什么是路由？ 路由可看做是一个键值对，K-V。 K => path（）路径地址 V=> 处理请求的回调函数 前台路由 K => path（）路径地址 V=> 路由组件 编写使用路由的步骤 1.创建编写路由组件 2.注册配置路由 routes: [ { // 一般路由 path: '/about', 阅读全文
posted @ 2019-09-18 18:04 _四点 阅读(279) 评论(0) 推荐(0)
Vue.js----更换头像不实时更新问题
摘要：原因 导致问题的原因是缓存造成的，因为你图片变了但是读取头像的地址还会没有变化的 解决思路 所以解决的思路就是上传之后让图片地址改变，那么我们就可以在上传的时候给地址加上一个时间戳那么久可一达到目的了 如上代码在上传的时候给图片机上一个时间错，那么更换图片（更换头像）就可以实时更新了 阅读全文
posted @ 2019-07-24 14:38 _四点 阅读(1956) 评论(2) 推荐(1)
Vue.js----date与时间戳的转换（unixTime）Moment.js让日期处理变得更简单
摘要：当前日期格式化 let curTime = moment().format('YYYY-MM-DD HH:mm:ss') console.log('当前日期时间curTime:' + curTime)//curTime:2019-01-30 10:21:11 指定日期格式化 let a = '201 阅读全文
posted @ 2019-07-22 10:19 _四点 阅读(11125) 评论(0) 推荐(2)