vue生成html（vue中如何将main.js中数据传给html）
本文目录
vue中如何将main.js中数据传给html
.
路由传值 路由对象如下图所示: 在跳转页面的时候,在js代码中的操作如下,在标签中使用标签this.$router.push({ name: ’routePage’, query/params: { routeParams: params } }) 需要注意的是,实用params去传值的时候,在页面刷新时,参数会消失,用query则不会有这个问题。 这样使用起来很方便,但url会变得很长,而且如果不是使用路由跳转的界面无法使用。
2.
通过$parent,$chlidren等方法调取用层级关系的组件内的数据和方法 通过下面的方法调用:this.$parent.$data.id //获取父元素data中的id
vue配置打包出多个html页面
vue自动配置打包完后通常只有一个html页面，如果我们想要打包出两个页面怎么办呢？
只需要修改webpack的配置，下边是我的项目截图，供参考
在vue.config.js中配置
其中entry为文件引用路径，template为打包后文件名字及位置。
使用vue创建的项目只有一个html文件
只有一个。因为vue是单页面项目开发，也就是所有的业务逻辑和内容的呈现都是在一个页面上完成，只是根据功能的不同，通过路由实现页面的跳转。vue项目通过webpack打包，最后生成的是一个index.html文件，这个文件里面引用各种js和css，达到封装和渲染的目的。由此可见一个vue项目只有一个html文件。
更多文章：
blast premier春季赛（csgo战队vitality有谁）
2026年9月7日 21:50
2026年9月7日 20:30
全球新冠肺炎疫情背景下航运发展（盐田港复苏日志：半年历劫从“低谷”到“爆仓” 疫情之后巨轮如何越洋航行）
2026年9月7日 17:10
matlab求解带字母参数方程组（我想matlab求一个关于x，y的方程组 ab c d f e h m n 都是参数）
2026年9月7日 16:30
oracle中的循环语句（下面哪个不是oracle程序设计中的循环语句 a for）
2026年9月7日 15:30
2026年9月7日 15:10
2026年9月7日 14:10
电脑里2个系统怎么删除一个（电脑开机显示有两个系统，如何删除一个）
2026年9月7日 12:20
2026年9月7日 10:20
scrollthrough意思（“scroll”是什么意思）
2026年9月7日 08:00
