vue项目中app.vue 、main.js和 index.html的关联

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

import Vue from 'vue' import App from './App'/* eslint-disable no-new */ new Vue({el: '#app',template: '<App/>',components: { App } })

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

<template><div id="app"><img src="./assets/logo.png"><hello></hello></div> </template><script> import Hello from './components/Hello'export default {name: 'app',components: {Hello} } </script><style> #app {font-family: 'Avenir', Helvetica, Arial, sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-align: center;color: #2c3e50;margin-top: 60px; } </style>

 

转载于:https://www.cnblogs.com/yeyeyemax/p/6959215.html

总结

以上是生活随笔为你收集整理的vue项目中app.vue 、main.js和 index.html的关联的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。