事情是这样的。
刚到新公司没多久,老大安排下来一个项目,并且给了一个之前项目的轮子让参考,基于及其喜爱vue,乱糟糟的轮子也没怎么看直接弃掉,使用了webpack配合vue的脚手架(使用了vue-router和vuex,做的是各种顺手),可是没过两天老大在svn上看过之后就不干了,说后端是PHP,前边就不要做成单入口的文件,还是让我参考原先的轮子。
简单交代一下原先的轮子,构建工具是gulp+webpack,主要实在gulp里引用了webpack。
回家苦思冥想了一下,还是放不下vue,好吧,那我就把vue改成多页的引用吧,每一个页面我都创建一个对应的html,js,css,每一个页面里,我都将内容组件化,分成几个部分。
可是这样做问题就来了,
1.没法复用啊,没有主入口文件,虽然每个页面里都写成了vue组件,但是不知如何复用,因为不像单入口文件那样,没有App.js和 mian.js啊。
2.vuex这么可爱的状态管理用不了了,对着各种组件之间的传信小弟是一脸懵逼,根本没有办法传啊。
样式已经写完了,就要进入逻辑阶段,想趁着周末补习一下,改装一下轮子,可是各种文档查下来,越来越蒙。
希望各种大神 可以给个清晰的思路 让小弟可以缕出来一个思路 拜谢了!!!
这是项目目录
本地使用node起服务。
views存放html。
common是公共组件。
components是bower本地资源。
剩下的应该就清楚了。
这是html文件,其实写的非常死,大神们可以看出来,其实我是把页面分成了组件,问题也暴露了,没法复用,每页都谢了#app(头),aside(尾),并且不知道如何传信
拜托了
两点建议:
1、前后的彻底分离,php只提供接口。前端来控制路由,之后的开发方式你都熟悉了。
2、直接用php模板,就搭页面来说。smarty那一套足够解决你的问题
另外:不要被框架约束,要看你实际需求是不是必须得上vue之类的框架。比如就一个纯信息展示的页面,php吐出来非常容易的事情,你前端去引入一堆框架拉长首屏时间,我觉得这是有病。