摘要：
一、初始化：webpack 项目塔建： 使用vue cli塔建基于webpack的vue环境。然后根据vux官网安装使用文档安装vux组件库及配置build/webpack.base.conf.js。如果看不懂webpack.base.conf.js怎么配，直接点击这里拷贝这里吧。 安装其它的依赖： 阅读全文
posted @ 2018-11-14 21:17
sfornt
阅读(704)
评论(0)
推荐(0)
摘要：
使用的是vue element admin做示例，可以参考Vue项目根据不同运行环境打包项目，其他项目应该大同小异。 使用vue router的browserHistory模式，配置mode: 'history', 有更好的体验。 目的： 想将项目打包后发布到apache的www下的vue子目录 先 阅读全文
posted @ 2018-11-14 21:15
sfornt
阅读(3208)
评论(0)
推荐(0)
摘要：
通过多次爬坑，发现了这些监听滚动来加载更多的组件的共同点， 因为这些加载更多的方法是绑定在需要加载更多的内容的元素上的， 所以是进入页面则直接触发一次，当监听到滚动事件之后，继续加载更多， 所以对于无限滚动加载不需要写首次载入列表的函数， 代码如下： 这里重要的是判断，当当前页面为0的时候，即第一页 阅读全文
posted @ 2018-11-14 21:15
sfornt
阅读(559)
评论(0)
推荐(0)
摘要：
ElementUi 表单验证 工作中常用到的JS验证 可以在pattern中书写正则，并且配合elementUI进行表单验证。 pattern 属性规定用于验证输入字段的模式。模式指的是正则表达式。 原文地址：https://segmentfault.com/a/1190000012551362 阅读全文
posted @ 2018-11-14 21:13
sfornt
阅读(3694)
评论(0)
推荐(0)
摘要：
你们公司的产品是不是还在做一个可编辑表格功能? 1.前言 咱开发拿到需求大多数是去网上找成型的组件，找不到再看原生的方法能否实现，大牛除外哈，大牛一般喜欢封装组件框架。 2.思路 可编辑表格在后台管理系统还是比较常用的，因为比较流行框架element,iview都没有这个应用,所以考虑了两种方法，下 阅读全文
posted @ 2018-11-14 21:12
sfornt
阅读(4598)
评论(0)
推荐(0)
摘要：
最近在使用vue进行开发，遇到了组件之间传参的问题，此处主要是针对非父子组件之间的传参问题进行总结，方法如下：一、如果两个组件用友共同的父组件，即 1、父组件给组件1绑定一个方法，让组件1进行回调,组件2接收某个属性，通过改变父组件的数据从而实现组件2的属性值的更新，即父组件 组件1 2、通过bus 阅读全文
posted @ 2018-11-14 21:11
sfornt
阅读(342)
评论(0)
推荐(0)
摘要：
分析vue是如何实现数据响应的. 前记 现在回顾一下看数据响应的原因. 之前看了vuex和vue i18n的源码, 他们都有自己内部的vm, 也就是vue实例. 使用的都是vue的响应式数据特性及$watchapi. 所以决定看一下vue的源码, 了解vue是如何实现响应式数据. 本文叙事方式为树藤 阅读全文
posted @ 2018-11-14 21:10
sfornt
阅读(442)
评论(0)
推荐(0)
摘要：
Vue异步组件Demo 在大型应用中，我们可能需要将应用拆分为多个小模块，按需从服务器下载。为了进一步简化，Vue.js 允许将组件定义为一个工厂函数，异步地解析组件的定义。Vue.js 只在组件需要渲染时触发工厂函数，并且把结果缓存起来，用于后面的再次渲染。 下面是我写的一个简单Vue异步组件De 阅读全文
posted @ 2018-11-14 21:09
sfornt
阅读(623)
评论(0)
推荐(0)
摘要：
前文 vue reclick 传送门 哈哈,好了!广告打完了,开始进入正题(等一下,听说star有奖哦)... 1.使用场景 2.api详解 3.封装自定义指令 4.将封装好的插件发布到npm. 原文地址：https://segmentfault.com/a/1190000012566413 阅读全文
posted @ 2018-11-14 21:08
sfornt
阅读(1044)
评论(0)
推荐(0)
摘要：
常看到各种app应用中使用自定义的键盘，本例子中使用vue2实现个简单的键盘,支持在移动端和PC端使用，欢迎点赞，h5 ios输入框与键盘 兼容性优化 实现效果： Keyboard.vue KeyInput.vue 使用demo 完整代码：https://github.com/dawnyu/vue. 阅读全文
posted @ 2018-11-14 21:07
sfornt
阅读(4597)
评论(0)
推荐(1)
摘要：
问题描述： 项目在本地运行不报错，上传到 GitHub 之后，再 clone 到本地， npm install 安装完成之后再执行 npm run dev 这时报错 Error: No PostCSS Config found in... 本以为是 GitHub 上传的问题，后开又试了两回，发现问题 阅读全文
posted @ 2018-11-14 21:05
sfornt
阅读(216)
评论(0)
推荐(0)
摘要：
前言 这段时间，算是空出手来写几篇文章了。由于很久都没有时间整理现在所用的东西了，所以，接下来会慢慢整理出一些文档来记录前段时间的工作和生活。 这篇文章的主题是vue cli的理解。或许，很多人在开发vue的时候，我们会发现一个问题——只会去用，而不明白它的里面的东西。现在的框架可以说是足够的优秀， 阅读全文
posted @ 2018-11-14 21:04
sfornt
阅读(244)
评论(0)
推荐(0)
摘要：
由于新工作需要用vue，所以最近接触最多的也是vue，因为之前一直在用react，所以对于vue上手还是很快的。我也尽量找一些他们两个的异同点，除了多了一些辅助用的方法以外，最大的不同应该是对于组件间的通信，不仅有props，还有一种事件监听，也是可以通过组件间传递的。我们知道vue的事件监听是一个 阅读全文
posted @ 2018-11-14 21:02
sfornt
阅读(2911)
评论(0)
推荐(0)
摘要：
常规解决套路可以参考这篇：https://segmentfault.com/a/11... 我采用了上面的做法，依然没法解决。我采用的是vue cli脚手架自动生成的项目结构： vue cli版本 2.9.1webpack版本 3.6.0vue版本 2.5.2 又加上出现这个问题的项目copy了一部 阅读全文
posted @ 2018-11-14 21:01
sfornt
阅读(3448)
评论(1)
推荐(0)
摘要：
关于组件通信我相信小伙伴们肯定也都很熟悉，就不多说了，对组件通信还不熟悉的小伙伴移步这里。 在vue2.0中 $dispatch 和 $broadcast 已经被弃用。官方文档中给出的解释是： 因为基于组件树结构的事件流方式实在是让人难以理解，并且在组件结构扩展的过程中会变得越来越脆弱。这种事件方式 阅读全文
posted @ 2018-11-14 21:00
sfornt
阅读(6363)
评论(0)
推荐(0)
摘要：
VUEJS开发规范 基于组件化开发理解 组件命名规范 结构化规范 注释规范 编码规范 基于组件化开发理解 什么是组件？ 组件化开发的好处 组件化和模块化的区别 Vue组件化开发 组件命名规范 Vue官方文档给予以下说明： 命名可遵循以下规则： 结构化规范 基于Vue cli脚手架的结构基础划分 vu 阅读全文
posted @ 2018-11-14 20:58
sfornt
阅读(800)
评论(0)
推荐(0)
摘要：
一入冬懒癌发作，给自己找点事干。之前博客程序写过几次，php 的写过两次，nodejs 用 ThinkJS 写过，随着 ThinkJS 版本从1.x 升级到 2.x 之前的博客程序也做过升级。但是因为前面考虑搜索引擎抓取还是用传统的方式开发，没有做前后端分离。这次准备用 vue2.x 和 Think 阅读全文
posted @ 2018-11-14 20:57
sfornt
阅读(1797)
评论(0)
推荐(0)
摘要：
计算属性 computed 侦听器or观察者 watch 一直以来对computed和watch一知半解，用的时候就迷迷糊糊的，今天仔细看了看文档，突然茅塞顿开，原来就是这么简单啊： computed，通过别人改变自己watch，通过自己改变别人 需要注意的是，computed会缓存数据，只有在满足 阅读全文
posted @ 2018-11-14 20:56
sfornt
阅读(167)
评论(0)
推荐(0)
摘要：
前排提示：现在可以直接使用封装好的插件vue quill editor upload 需求概述 vue quill editor是我们再使用vue框架的时候常用的一个富文本编辑器，在进行富文本编辑的时候，我们往往要插入一些图片，vue quill editor默认的处理方式是直接将图片转成base6 阅读全文
posted @ 2018-11-14 20:54
sfornt
阅读(1611)
评论(0)
推荐(0)
摘要：
在家的闲暇时间来完善自己的前端知识。 经过两三天的学习，按照webpack文档学习，vue文档学习，最后实现了两者结合的目标。 webpack 按照网站上guide的流程依次学习 1、使用npm安装webpack2、设置输入文件，比如怎样引入css，images，fonts，data3、设置输出文件 阅读全文
posted @ 2018-11-14 20:52
sfornt
阅读(159)
评论(0)
推荐(0)
浙公网安备 33010602011771号