摘要: vuex Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式,它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 在《快速入门(一)》中我们提到过,我们可以把 Vuex 简单的抽象为,一个全局对象(store),里面保存了所有组件公有的状态(st 阅读全文
posted @ 2018-07-31 16:20 猫哥在奔跑 阅读(334) 评论(0) 推荐(0)
摘要: vue-router 前端路由在 HTML5 的 History API 未出现之前,一直采用 hash 值来实现。因为 hash 值的变动,浏览器并不会向后端发送一个新的请求。而我们的 js 代码却可以通过 onhashchange 和 window.location.hash来监听及获取到变化值 阅读全文
posted @ 2018-07-31 16:15 猫哥在奔跑 阅读(264) 评论(0) 推荐(0)
摘要: vue 实例介绍 vue 实例分两种,一种为组件实例,另外一种为根实例。组件实例负责创建个性化组件、而根实例负责把组件渲染到指定的真实的 DOM 结构中。并且 vue 为我们提供了一种特殊的文件格式 .vue 来创建 组件实例。.vue 文件格式如下: *.vue 通过上面的代码,我们可以看出,整个 阅读全文
posted @ 2018-07-31 15:55 猫哥在奔跑 阅读(254) 评论(0) 推荐(0)
摘要: 安装 我们可以通过两种方式把 vue 引入到我们的项目中,一种直接通过 <script> 引入 ,这时 vue 会被注册为一个全局变量。第二种便是通过 npm 进行安装,这种方式可以很好的配合 webpack 或 browserify 模块打包器使用。我们的项目使用 webpack 进行打包。 项目 阅读全文
posted @ 2018-07-31 15:36 猫哥在奔跑 阅读(199) 评论(0) 推荐(0)
摘要: vue2 vue 官方解释为一套构建用户界面的渐进式框架。而我的理解 vue 是一套以视图为核心、数据为驱动的组件化开发框架。使用过模板引擎的同学都知道:只要我们把数据传入已经编译好的模板中,便能渲染出我们想要的视图。 我们可以简单理解为,vue 就是一个拿来做这种事儿的框架,它的每一个组件就是一个 阅读全文
posted @ 2018-07-31 15:34 猫哥在奔跑 阅读(988) 评论(0) 推荐(0)
摘要: 在项目中遇到这样一个问题,就是在登入的时候同时需要从后台获取到左边的导航,但是如果使用h5的localStorage来保存导航信息,会出现app加载进去之后localStorage才保存进浏览器,在mounted方法中,console.log(window.localStorage.getItem( 阅读全文
posted @ 2018-07-29 20:03 猫哥在奔跑 阅读(46197) 评论(0) 推荐(1)
摘要: vuex 版本为^2.3.1,按照我自己的理解来整理vuex。vuex 是什么 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 什么是状态? 状态这里泛指 vue 组件的一些当前的状况和性质 阅读全文
posted @ 2018-07-29 17:17 猫哥在奔跑 阅读(864) 评论(0) 推荐(0)
摘要: vuex说白了就是vue中的数据管理仓库,为开发者的数据操作,例如购物车类似的操作,带来了极大的便捷,最近也在使用vuex整理了如下的学习心得,希望能帮大家解决问题. vuex的基础使用 1.下载好vue.js和vuex.js文件,并引入到html页面中去 2.对vuex的基础配置 store是新创 阅读全文
posted @ 2018-07-29 17:00 猫哥在奔跑 阅读(175) 评论(0) 推荐(0)
摘要: 1、移动端300ms点击延迟问题 在移动端web中会遇到300ms点击延迟的问题,这个时候可以使用fastclick来解决这个问题。 引入fastclikc 使用fastclick 2、注意当网速过慢的时候获取资源导致的页面抖动问题 如果网速过慢。比如一个dom中有图片、就会出现突然出现一张图片的问 阅读全文
posted @ 2018-07-26 20:13 猫哥在奔跑 阅读(339) 评论(0) 推荐(0)
摘要: 7-3 主页轮播图实现 我的项目中的样式使用的是less,因为style标签使用了scoped属性,所以导致在父组件中编写的样式没有办法直接修改到子组件。这个时候要使用样式穿透>>>,如果>>>没有办法被编译,则可以写/deep/代替>>>. 经试验,less要使用/deep/; 7-8 项目中使用 阅读全文
posted @ 2018-07-26 20:07 猫哥在奔跑 阅读(179) 评论(0) 推荐(0)