本文介绍vue项目中main.js、App.vue和index.html文件之间的调用关系
工具/原料
vue
方法/步骤
1
新建的vue项目中，index.html文件在项目目录下，main.js和App.vue在项目目录的src目录下
2
在项目路径下运行npm run dev命令后，可以在网页中查看运行页面
3
index.html 是默认的主渲染页面文件修改index.html的title，在body中增加一个div,刷新一下页面，可以看到页面标题和内容都发生了变化
4
src/main.js是入口文件，主要作用是初始化vue实例并使用需要的插件在main.js文件中定义了一个vue对象,其中el为实例提供挂载元素
5
在index.html文件的body中，只有一句
，页面如何显示出那么多元素？这就用到src/main.js中新建的vue对象了。可以看到vue的el项值与index.html中div的id值相同。#app表示查询id值为app的dom项。可以使用.classname，表示查询class名为classname的项。对应的div中需要增加class项下面两个图的写法都是支持的6
如果修改index.html中div的id值，使之与main.js中的Vue不一致，界面将显示空界面
7
先注释掉main.js中Vue的route项和components项，留下template模板项。vue中的模板将会替换挂载的元素，挂载的元素内容将被忽略可以看到index.html中的
被替换成了
上一篇：应收账款负数怎么调整
下一篇：有效整理笔记的方法