vue中如何将main.js中数据传给html

Posted 2023-03-21

参考技术A .
路由传值 路由对象如下图所示: 在跳转页面的时候,在js代码中的操作如下,在标签中使用标签this.$router.push( name: 'routePage', query/params: routeParams: params ) 需要注意的是,实用params去传值的时候,在页面刷新时,参数会消失,用query则不会有这个问题。 这样使用起来很方便,但url会变得很长,而且如果不是使用路由跳转的界面无法使用。
2.
通过$parent,$chlidren等方法调取用层级关系的组件内的数据和方法 通过下面的方法调用:this.$parent.$data.id //获取父元素data中的id

vue项目中，main.js,App.vue,index.html如何调用

 

1、main.js是我们的入口文件，主要作用是初始化vue实例，并引入所需要的插件

2、App.vue是我们的主组件，所有页面都是在App.vue下进行切换的。其实你也可以理解为所有的路由也是App.vue的子组件。所以我将router标示为App.vue的子组件。

1. index.html文件入口

2. src放置组件和入口文件

3. node_modules为依赖的模块

4. config中配置了路径端口值等

5. build中配置了webpack的基本配置、开发环境配置、生产环境配置等