编程 Javascript

vue项目常用组件和框架结构介绍

Posted in Javascript onDecember 24, 2017

vue项目基础结构

一个vue的项目，我觉得最小的子集其实就是{vue,vue-router,component}，vue作为基础库，为我们提供双向绑定等功能。vue-router连接不同的"页面"，component作为样式或者行为输出，你可以通过这三个东西来实现最基本的静态SPA网站。当然我在这里不谈vue全家桶这样宽泛的概念，我会如数家珍的把主要的技术点一一列举。

1.vue-cli：搭建基本的vue项目骨架，脚手架工具

2.sass-loader&node-sass:我是使用的sass作为样式的预编译工具，两者缺一不可，大家也可以自行选择，less,stylus都可以

3.postcss:实现响应式布局的关键，px=>rem。大漠已经提出了基于vw,vh的布局方案，不过我暂时持观望态度。

4.vuex:管理复杂的数据流向，状态机工具，特化的Flux

5.vuex-persistedstate:将vuex中state持久化的工具

6.vue-router:实现SPA间“页面”之间的跳转

7.vue-lazyload:实现图片的懒加载，优化http传输性能

8.vue-awesome-swiper:轮播功能的实现及一些特殊切换效果的完成

9.better-scroll:实现列表滚动及父子组件间的滚动问题

10.axios:http工具，实现向API请求数据，以及拦截器的实现

11.fastclick:解决300ms延迟的库

以上这些，都是我觉得一个中大型的vue项目需要用到的，还有一些比如我在实现图片上传中用到了jsx的语法，需要babel-jsx这样的东西，不具有普适性，就不例举了。

下面简述一下上面说到的这些东西，有的东西会单独的来出来细说：

1.vue-cli：

vue项目常用组件和框架结构介绍

- Author -

baby格鲁特

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript add event remove event

Apr 07 Javascript

图标线性回归斜着移动到指定的位置

Aug 16 Javascript

iframe窗口高度自适应的实现方法

Jan 08 Javascript

jquery实现点击消失的代码

Mar 03 Javascript

通过JQuery将DIV的滚动条滚动到指定的位置方便自动定位

May 05 Javascript

jquery css 设置table的奇偶行背景色示例

Jun 03 Javascript

浅谈JS原型对象和原型链

Mar 02 Javascript

BootStrap中的table实现数据填充与分页应用小结

May 26 Javascript

javascript 正则表达式分组、断言详解

Apr 20 Javascript

修改npm全局安装模式的路径方法

May 15 Javascript

微信小程序实现下拉刷新动画

Jun 21 Javascript

js实现Element中input组件的部分功能并封装成组件(实例代码)

Mar 02 Javascript

JavaScript数组排序reverse()和sort()方法详解

Dec 24 #Javascript

JS生成随机打乱数组的方法示例

Dec 23 #Javascript

JavaScript实现的超简单计算器功能示例

Dec 23 #Javascript

Angular实现较为复杂的表格过滤，删除功能示例

Dec 23 #Javascript

Vue.js 的移动端组件库mint-ui实现无限滚动加载更多的方法

Dec 23 #Javascript

9种使用Chrome Firefox 自带调试工具调试javascript技巧

Dec 22 #Javascript

JavaScript中的一些隐式转换和总结(推荐)

Dec 22 #Javascript

You might like

浅析PHP微信支付通知的处理方式

2014/05/25 PHP

PHP命令行脚本接收传入参数的三种方式

2014/08/20 PHP

PHP生成可点击刷新的验证码简单示例

2016/05/13 PHP

IE innerHTML,outerHTML所引起的问题

2009/06/04 Javascript

js常用排序实现代码

2010/12/28 Javascript

浏览器常用高宽的jquery插件

2011/02/24 Javascript

JavaScript高级程序设计（第3版）学习笔记6 初识js对象

2012/10/11 Javascript

自己编写的类似JS的trim方法

2013/10/09 Javascript

JS中getYear()和getFullYear()区别分析

2014/07/04 Javascript

js跨域问题浅析及解决方法优缺点对比

2014/11/08 Javascript

javascript实现简单的全选和反选功能

2016/01/05 Javascript

jQuery Mobile开发中日期插件Mobiscroll使用说明

2016/03/02 Javascript

Web前端开发工具——bower依赖包管理工具

2016/03/29 Javascript

初探nodeJS

2017/01/24 NodeJs

Vue.js实战之使用Vuex + axios发送请求详解

2017/04/04 Javascript

webpack构建的详细流程探底

2018/01/08 Javascript

Vue封装Swiper实现图片轮播效果

2018/02/06 Javascript

mpvue小程序仿qq左滑置顶删除组件

2018/08/03 Javascript

LayUI动态设置checkbox不显示的解决方法

2019/09/02 Javascript

nodejs dgram模块广播+组播的实现示例

2019/11/04 NodeJs

[33:23]Secret vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.16

2018/08/17 DOTA

pyqt4教程之messagebox使用示例分享

2014/03/07 Python

Python 爬虫图片简单实现

2017/06/01 Python

python实现微信跳一跳辅助工具步骤详解

2018/01/04 Python

wxpython布局的实现方法

2019/11/01 Python

基于python2.7实现图形密码生成器的实例代码

2019/11/05 Python

详解pyqt5的UI中嵌入matplotlib图形并实时刷新(挖坑和填坑)

2020/08/07 Python

.net笔试题

2014/03/03 面试题

实习教师自我鉴定

2013/09/27 职场文书

幼儿园大班毕业教师寄语

2014/04/03 职场文书

2014年应急工作总结

2014/12/11 职场文书

超市主管竞聘书

2015/09/15 职场文书

2016年清明节红领巾广播稿

2015/12/17 职场文书

2016年中学端午节主题活动总结

2016/04/01 职场文书

小学语文的各类谚语（70首）

2019/08/15 职场文书

Dashboard管理Kubernetes集群与API访问配置

2022/04/01 Servers