路由拦截 第一步:路由拦截首先在定义路由的时候就需要多添加一个自定义字段requireAuth,用于判断该路由的访问时候需要登录。如果用户已经登录,则顺利进入路由,否则就进入登录页面。 const routers=[ {…
标签:vue.js教程
vue中的ref和$refs
ref:被用来给元素或子组件注册引用信息,引用信息将会注册在父组件的$refs对象上。如果在普通的DOM元素上使用,那么指向的就是普通的DOM元素。普通的DOM元素上使用 <div id="app7"> &l…
element二次封装tabel加入拖拽自动合计自动定义表格
之前都是用iview开发项目较多,用element开发发现table表格自定义表格并不是那么好用,看了iveiw的源码后 加入render,结合之前遇到种种问题,二次封装tabel是必然了;封装好解决了很多需求 记录并且…
vue源码分析:渲染篇(转载)
一、前言Vue.js框架是目前比较火的MVVM框架之一,简单易上手的学习曲线,友好的官方文档,配套的构建工具,让Vue.js在2016大放异彩,大有赶超React之势。前不久Vue.js 2.0正式版已出,在体积优化(相…
VuePress搭建个人技术文档网站教程
VuePress 由两部分组成:一部分是支持用 Vue 开发主题的极简静态网站生成器,另一个部分是为书写技术文档而优化的默认主题。它的诞生初衷是为了支持 Vue 及其子项目的文档需求。 每一个由 VuePress 生成的…
VUE项目测试,移动端
VUE项目,进行移动端测试 操作步骤: 1、运行项目 npm run dev 2、电脑创建热点 3、手机连接热点,通过本地ip 访问项目 http://9.1.**.**:8080/#/ //查询本地域名 //1、 wi…
vue-cli创建项目和一些基础配置:
1.vue-cli脚手架创建项目,vue init webpack 项目名字<项目名字不能用中文>。2.router中增加路由信息。 const peopleList = resolve => requ…
vue_music:播放器(四):mini播放器和播放进度条
1.mini播放器开关 1.1 vuex:播放器控制开关fullScreen 初始化的时候,在vuex中获取fullScreen状态 ...mapGetters([ 'fullScreen', ······ ]) 1.2…
vue_music:播放器(三)动画
1.播放器进入动画 2.播放器旋转动画 当播放器播放的时候,图片旋转,暂停的时候停止旋转 2.1 html部分 <div class="cd-wrapper" ref="cdWrapper"> <div…
vue_music:播放器(二):播放功能
在music-list.vue中点击歌曲列表,进入播放器页面store/actions.js中定义action,提交到mutation //选择播放 export const selectPlay = function(…
vue 切换页面/路由时保持滚动条在最顶部
我在做PC端vue项目的时候发现,切换页面滚动条的位置并没有改变,因为切换路由实际上并不是切换页面而且改变了页面中的组件,所以滚动条的位置不变,为了获得更好的体验,需要每切换一个新的页面(一个新的路由)时就让滚动条回到最…
vue 数组遍历方法forEach和map的原理解析和实际应用
一、前言 forEach和map是数组的两个方法,作用都是遍历数组。在vue项目的处理数据中经常会用到,这里介绍一下两者的区别和具体用法示例。 二、代码 1. 相同点 都是数组的方法 都用来遍历数组 两个函数都有4个参数…