sfornt - 博客园

2018年12月15日

摘要： vue cli3.0相对比vue cli2.0少了 vue build.js vue config.js vue cli2.0 运行命令 npm run devvue cli3.0 运行命令 npm run serve vue cli3.0 要自己在项目根目录下配置 vue config.js vu 阅读全文

posted @ 2018-12-15 20:54 sfornt 阅读(1102) 评论(0) 推荐(0) 编辑

webpack4搭建Vue开发环境笔记~~持续更新

摘要：项目git地址一、node知识 __dirname: 获取当前文件所在路径，等同于path.dirname(__filename) path.resolve([..paths]): 把一个路径或路径片段的序列解析为一个绝对路径给定的路径的序列是从右往左被处理的，后面每个 path 被依次解析，直阅读全文

posted @ 2018-12-15 20:51 sfornt 阅读(151) 评论(0) 推荐(0) 编辑

vue_music:封装scroll.vue组件

摘要：在项目中经常用到滚动，结合Better scroll封装了sroll.vue组件参考链接：https://ustbhuangyi.github.io...http://www.imooc.com/article/... better scroll 只处理容器（wrapper）的第一个子元素（cont 阅读全文

posted @ 2018-12-15 20:49 sfornt 阅读(272) 评论(0) 推荐(0) 编辑

2018年12月13日

vue-cli webpack配置cdn路径以及上线之后的字体文件跨域处理

摘要：昨天搞了一下vue项目打包之后静态资源走阿里云cdn。配置了半天，终于找到了设置的地方 config/index.js 里面设置build 下的 assetsPublicPath 打包的时候便可以添加公共前缀路径这样就可以修改掉打包的静态资源的地址了，没有修改之前打包完为 admin/stati 阅读全文

posted @ 2018-12-13 15:54 sfornt 阅读(1958) 评论(0) 推荐(0) 编辑

封装一个优雅的element ui表格组件

摘要：现在做后台系统用vue + elementUI 的越来越多，那element ui的 el table 组件肯定也离不开。虽然element ui的table组件很好。但是表格和分页是分离的。每次写表格的时候都要写分页。这个就比较麻烦了。那我们可不可以把表格和分页封装在一起呢？照这个思路那我们重新封阅读全文

posted @ 2018-12-13 15:51 sfornt 阅读(1926) 评论(0) 推荐(0) 编辑

Vue 父子组件间的通信

摘要：前言在 Vue 项目中父子组件的通信是非常常见的，最近做项目的时候发现对这方面的知识还不怎么熟练，在这边做一下笔记，系统学习一下吧。 1 父组件传值给子组件 1.1 传值写法父组件传值给子组件，这个就比较常见了，直接用 props 就可以了。但是就算是 props 子组件那边也有三种写法，如下面阅读全文

posted @ 2018-12-13 15:50 sfornt 阅读(278) 评论(0) 推荐(0) 编辑

vue + axios---封装一个http请求

摘要：在使用vue开发时，官方推荐使用axios来请求接口但是axios并不像 vue resource 一样拥有install，即不能直接 Vue.use(axios) 来使用，所以需要我们自己根据axios来写一个具有install方法的Http库。 1.安装axios 2.创建Http.js文件阅读全文

posted @ 2018-12-13 15:48 sfornt 阅读(2041) 评论(0) 推荐(0) 编辑

vue渲染函数&JSX

摘要： Vue推荐在绝大多数情况下使用template来创建你的HTML。然而在一些场景中，你真的需要JavaScript的完全编程能力，这时你可以使用render函数，它比template跟接近编译器. 虚拟DOM 在深入渲染函数之前，了解一些浏览器的工作原理很重要。以下面这段HTML为例：当浏览器读到阅读全文

posted @ 2018-12-13 15:42 sfornt 阅读(452) 评论(0) 推荐(0) 编辑

示例vue 的keep-alive缓存功能的实现

摘要：本篇文章主要介绍了vue 的keep alive缓存功能的实现，写的十分的全面细致，具有一定的参考价值，对此有需要的朋友可以参考学习下。如有不足之处，欢迎批评指正。 Vue 实现组件信息的缓存当我们在开发vue的项目过程中，避免不了在路由切换到其他的component再返回后该组件数据会重新加载，阅读全文

posted @ 2018-12-13 15:40 sfornt 阅读(231) 评论(0) 推荐(0) 编辑

解析Vue.js中的computed工作原理

摘要：我们通过实现一个简单版的和Vue中computed具有相同功能的函数来了解computed是如何工作的。写的十分的全面细致，具有一定的参考价值，对此有需要的朋友可以参考学习下。如有不足之处，欢迎批评指正。 JS属性： JavaScript有一个特性是 Object.defineProperty ,它阅读全文

posted @ 2018-12-13 15:38 sfornt 阅读(326) 评论(0) 推荐(0) 编辑