在一些依然使用旧开发模式的项目中，尝试结合jQuery的load方法和Vue的工程化开发进行局部渲染。通过创建Vue脚手架项目，添加root.html和page.html文件，调整配置并避免使用vue-router。在page中加载main.js内容，并在实际运行中发现传参问题。为了解决地址栏URL不变导致的传参难题，不采用cookie或Storage，而是选择通过DOM节点绑定属性来传递参数到“#page”元素。
乍一看，不知道是要做一种什么样的效果，首先看一下load方法的描述
这是菜鸟教程中的讲解，用load渲染的局部页面，是不需要触及到浏览器的地址栏，所以当用到vue-router时，是会出现很多问题的，不过可以用iframe的方式解决，但又会引发一些其他问题。
虽然现在的后台应用基本都是基于三大框架，但是还是有一些公司或个人用的是比较老的开发模式，但是vue的生态圈真实太棒了，各种组件库，模块化开发等。所以就尝试局部渲染仍然沿用load，而开发模式就是vue的工程化开发。
如下过程：
- 利用脚手架创建完项目，然后稍加改动，public里面增加一个root.html和page.html,同样的src里面增加对应的入口js，vue.config.js里面配置一下就ok，路由就免了，毕竟后续的项目是用不上路由了
2.为了看到效果，在page中load进main.js对应的页面，并运行起来
最低0.47元/天 解锁文章
扫一扫
662
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
