一、写在前面 如何实现文章的实时保存?一般写文章的写博客的网站都会有这个功能点,这样保证了用户在不小心退出的情况下数据的保存下来,这样的交互比较符合用户的使用心理学。对于用户来说这是一个非常实用的功能,作为一个博客来说,…
分类:vue.js教程
vue+iview兼容IE9以上的解决办法
1. 支持ES6新语法,安装babel-polyfill IE不支持es6语法 安装 npm install --save babel-polyfill # 或者(下同) yarn add babel-polyfill …
vue组件 Javascript 换成 TypeScript 写法模板参考
vue组件写法 Vue组件模版来看: import {componentA,componentB} from '@/components'; export default { components: { componen…
Vue中对iframe实现keep alive(无刷新)
前言 最近一个需求,需要在Vue项目中加入含有iframe的页面,同时在路由切换的过程中,要求iframe的内容不会被刷新。一开始使用了Vue自带的keep- alive发现没有用,于是自己研究了一下解决方案。。。。。。…
Vue实例和生命周期
创建一个Vue实例 每个Vue应用都是通过Vue函数创建一个新的Vue实例开始: var vm = new Vue({ //选项 }) 数据与方法 当一个Vue实例被创建时,它向Vue的响应式系统中加入了其data对象中…
vue 源码学习笔记三 vue中如何生成虚拟DOM
vm._render 生成虚拟dom 我们知道在挂载过程中, $mount 会调用 vm._update和vm._render 方法,vm._updata是负责把VNode渲染成真正的DOM,vm._render方法是用…
推荐给新手的35个好用的Vue开源库
无论是开发新手还是经验丰富的老手,我们都喜欢开源软件包。对于开发者来说,如果没有这些开源软件包,很难想象我们的生活会变得多么疲惫不堪,而且靠咖啡度日也会成为家常便饭。所幸的是,随着 Vue.js 社区的不断壮大,每天都会…
Vue监听键盘鼠标事件
1 前言 1.1 业务场景 vue页面监听键盘鼠标等事件。 官方给的例子是在input标签中的,我们想要的效果是不使用固定标签。 2 实现原理 2.1 增加监听 mounted () { window.addEventL…
事件循环与 Vue 的 nextTick
事件循环 js 语言是单线程的,为了协调事件、脚本、用户交互、UI 渲染和网络请求(events, scripts, user interaction, rendering, networking)等行为,防止主线程阻塞…
vue 跳转页面返回时tab状态有误的解决办法
一、前言 最近在做新vue项目的时候遇到了一个问题,就是tab间的切换没有问题,当跳转到其他页面时,且这个页面并非子路由,再用浏览器的返回按钮返回首页时,tab的active始终指向默认的第一个选项。 感觉这还是个比较常…
用shelljs实现前端部署自动化
一、场景 在前端开发过程中,你肯定经常使用到以下等命令: npm run build git add . git commit -m 'commit' git push 本人在用vue-cli写我的个人博客时,将其部署到…
vue+axios 对restful 请求封装
礼拜天来公司整理项目,项目是最近开始重构的,里面的各种http请求接口是restful结构的(为了提升项目的比格),整理一下笔记 [restful介绍][1]博主讲的很详细 技术栈: vue + vuex + eleme…