javascript - vue.js开发单页面应用?
PHP中文网
PHP中文网 2017-04-10 17:09:31
[JavaScript讨论组]
  1. 我有一个前端项目,需要自己从头开始搭建一个单页面应用

  2. 我想采用vue.js框架来实现我的前端项目。但是有些配置我还是不清楚。
    我所构想的技术应用有:

webpack + es6 +vue.js + vue-router来构建我的项目。

难点:组件模块我想实现按需加载,而不是全部打包出一个文件里,这样首页加载会很慢。但是我不知道怎么配置怎么写,麻烦知道的告知一下,谢谢!
PHP中文网
PHP中文网

认证高级PHP讲师

全部回复(7)
高洛峰

务必用单向数据流,比如Vuex就是个很棒的选择。

务必单向数据流
务必单向数据流
务必单向数据流

重要的事情说三遍

至于组件加载,webpack有code split的功能,这个还是自己查文档吧。

高洛峰

看下我的文章 手机回复不太好放链接

高洛峰

不建议一开始就这么搞,你可以就只用vuejs写。 循序渐进

PHP中文网

应用的场景

对浏览器兼容要求不高,vuejs是到IE9

对MVVM有一定的经验

加载速度要求高

对性能要求比较高

需要组件化开发

喜欢对原生js对象操作

SPA

参考

伊谢尔伦

组件按需加载,和webpack配置无关,和代码如何写有关。

webpack文档里,有一节是说代码分隔的[1]。

比如使用 CommonJS 风格:

require.ensure(["module-a", "module-b"], function(require) {
    var a = require("module-a");
});

这里require.ensure的第二个参数,也就是那个回调函数,会在模块全部下载完成后调用。但是,你需要显式地执行模块,也就是var a = require("module-a");,不然模块不会执行。

还有其他分隔的异步加载方式,具体请看文档。

1 Webpack - Code Splitting

巴扎黑

可以参考这个开源项目easy-vue,一个超级简单初级的vue前端实现,适合新手

PHP中文网

用vue-cli 啊,里面有作者写的es6 的template,再npm install vue-router --save 再把github上vue-router里的例子粘过来,很简单啊

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号