随笔分类 - Vuejs
摘要:Vue2.0+Element-ui实现loading的局部刷新,及数据请求完成后loading的关闭
阅读全文
摘要:Vue中assets和static的区别 再一次框架定型中,与同事在静态资源的存放上有了一些分歧,后来经过查阅总结如下: 相同点: assets和static两个都是存放静态资源文件。项目中所需要的资源文件图片,字体图标,样式文件等都可以放在这两个文件下,这是相同点 不相同点: assets中存放的
阅读全文
摘要:Vue config配置文件index 中代理设置
阅读全文
摘要:Element-ui设置全局弹出框
阅读全文
摘要:vue制作一个简单的评分效果,这里的星星我是采用两种图片来实现 简单的思路就是判断当前点击的星星的下标是否小于等于一个变量,该变量有下标-1获得。
阅读全文
摘要:vue项目开发中,大型项目一般vuex所需要存储的状态一般都很都,这时,我们便需要进性模块化划分,然后 再页面中采用映射来实现state的调用: 目录一般如下: store为总的状态库存放文件。 modules为状态库的模块化划分。 getters为所有的state中的变量的一个映射 index为v
阅读全文
摘要:关键字:router,children ,router-link,router-view,router-link-active 先理解什么是children? 后代路由为某路由中用到router-view时,会默认加载的路由中的后代路由。 eg: 这里通过点击切换tab实现动态切换路由 先看目录结构
阅读全文
摘要:Vue工作原理小结 本文能帮你做什么? 1、了解vue的双向数据绑定原理以及核心代码模块 2、缓解好奇心的同时了解如何实现双向绑定 为了便于说明原理与实现,本文相关代码主要摘自vue源码, 并进行了简化改造,相对较简陋,并未考虑到数组的处理、数据的循环依赖等,也难免存在一些问题,欢迎大家指正。不过这
阅读全文
摘要:我们需要下载less对应的依赖包 第一步: 安装less依赖,npm install less less-loader --save 第二步: 修改webpack.config.js文件,配置loader加载依赖,让其支持外部的less,在原来的代码上添加 如图: 然后,我们就可以再style中通过
阅读全文
摘要:vue开发中遇到这样一个需求实现导航栏和中间内容相结合实现页面滑动导航跟随改变的效果。看效果: 这里我用的是vue所带的插件:vue-awesome-swiper,传送门:https://www.npmjs.com/package/vue-awesome-swiper 这个api纯英文,不过不是很难
阅读全文
摘要:vue开发中,很多地方如果说都用到了某一方法,我们就可以进行指令化封装,通过自定义指令来实现这里通过两个例子说明vue-Directive的使用 1.v-focus 主要用来实现页面加载进来的时候文本框自动获取焦点,因为原生的方法存在兼容问题,所以通过指令 来解决后可以解决部分兼容 问题 实现如下:
阅读全文
摘要:很多时候我们需要在真机上调试,进行代码的维护修改,如何在手机上查看呢? 我们拿vue来说, 1.在vue的config/index.js文件中我们可以看到项目启动的一个端口号 上图域名是我进行修改后的,大家打开后应该会默认显示localhost 2.window+R,输入cmd进入控制台,然后输入命
阅读全文
摘要:在一次这样的需求中,需要实现滑倒底部时自动请求数据,需要动态创建节点然后追加到某元素中,这期间遇到的问题就是在动态创建节点后,类名也已经加上了 ,但是样式就是没有生效,最后发现原因的产生竟然是<style scoped></style>中scoped属性 该属性的作用是用来绑定当前样式不被污染,同时
阅读全文
摘要:如上所示一条简单的请求数据,用到了vue中axios,promise,qs等等 这里我将vue中用到的axios进行了封装方便日后使用 先对工具类进行封装utils/axios.js: // 引入模块 import axios from "axios" import qs from 'qs' //
阅读全文