本文介绍vue项目中main.js、App.vue和index.html文件之间的调用关系4vue项目中main.js、App.vue、index.html关系1
工具/原料
vue
方法/步骤
1
关于vue的组件，这里有一个官方的例子。有个名为button-counter的组件。使用该组件的方法为
2
这里为了讲解组件的用法，先注释掉路由相关的内容。注释掉main.js中vue下的router项；注释掉App.vue下的
3
App.vue是个组件，通过export default 导出组件的名称为App在main.js中，通过import App from './App'因为该组件
4
运行后效果如下。关于模板的用法，可以参考《vue项目中main.js、App.vue、index.html关系1》main.js下vue中的template，将index.html中的
替换成5
为了更容易观察，将App.vue模板中div的id修改为'myapp111'，对应页面的项也发生了变化
6
这样index.html、main.js、App.vue三个文件就关联起来了
上一篇：程序如何部署在云端
下一篇：如何通过360净化电脑软件