vue前端项目day1（项目路由问题）

1、vue-cli脚手架初始化项目

        环境：node+webpack+淘宝镜像

        在要创建项目的文件夹下cmd，vue create 项目名称 创建项目

项目目录构成：

        node_modules:项目依赖文件夹

        public:一般放置静态资源，webpack打包后挡在dist文件夹中

        src：程序员源代码文件夹
                - assets文件夹：存放项目中用到的静态资源如css样式表、图片资源；webpack会打包为一个模块放入JS文件中
                - components文件夹：一般放置非路由组件（全局组件）
                - main.js：vue项目的入口文件，项目的允许要先执行该文件
                - App.vue:项目的根组件，定义了页面显示的一些UI结构

2、项目路由（vue-router）

非路由组件：header、footer ；放在src->components文件夹中

路由组件：login、register、home、search ；一般放在src->pages\views文件夹中

路由组件需要在router->index.js中注册；非路由组件以标签形式直接使用

！注意：

        注册完路由，组件上都有$route、$router属性；

        $route一般获取路由信息（路径、query、params）；</