Day03-06:前端工程化-Vue项目开发流程
分析如何访问到Vue项目的首页面的-也就是Vue项目的开发流程
默认首页面:index.html
这个页面默认引入了入口文件main.js(这个文件中引入了很多的公共组件,比如App.vue这个组件)
import代表的是引入模块,与之对应的是export导出为模块,用export导出为模块,然后再要使用到的地方使用import导入。导入之后就可以在这个文件中使用这个组件了。
Vue的组件文件以.vue结尾,每个组件由三个部分组成:
<template>:模板部分,由他生成HTML代码
<script>:JS代码,控制模板当中的数据来源和行为
<style>:控制css样式部分
Vue项目的开发很少操作main.js文件和index.html文件,主要操作的就是一个组件文件,也就是.vue这样的文件。