vue-cli脚手架目录
重要的 / 我们需要的文件
index.html
通常情况下,该文件就定义一个空的根节点。main.js里面定义的实例将挂载在#app节点(根节点)下。vue旨在减少DOM操作,通过组件填充页面
App.vue文件
app.vue是项目的主组件,所有页面都是在app.vue下切换的(也可以理解为根组件)。在此讲解一下组件(vue)文件的构成:1.< template>写HTML代码</ template>;2.< script>< /script>标签;3.< style scoped>样式< style>scoped表示。该style作用于只在当前组件的节点及其子节点,但是不包含子组件
main.js文件
入口文件,主要作用是初始化vue实例并使用需要的插件,包括组件的引入等。其他功能就不一一列举
router下面的index.js文件:路由配置文件
这个在此不过多阐述,可以参考我的路由跳转的文章