vue初尝试-项目结构

新建一个项目之后，我们来看一下项目的目录结构

几个主要文件的内容

index.html文件（入口文件，系统进入之后先进入index.html）

main.js文件（导入相应的模块）

App.vue文件（根组件）

router文件夹下面的index.js文件（前端路由）

模板：

template可以用它去包括一些内容，它本身并不会真正的渲染到dom里面去，可以直接使用template标签包括起来，注意：template里有且只能有一个根标签。

行为：

通过import来跟别的组件进行关联，然后通过

注册一下就可以调用了。

样式：

跟css样式一样,这里不再做说明。可以使用sass语法，但是要在项目中安装一下sass，安装成功之后可以在package.json里面看到对应的信息

项目加载过程

项目开始：index.html ----> main.js ----> App.vue

由index.html入口文件，他会执行main.js文件，main.js会实例化我们的Vue对象，接下来会执行App.vue组件，到了App.vue以后，如果模板有内容的话，他会将模板中的内容插入到index.html的容器当中，也可以在行为属性里设置对应的属性。