Vue随笔记录

一、创建Vue步骤（VS Code）   　

　　　1、全局安装
　　　      npm install -g vue-cli

　　　2、新建项目
　　　　   vue init webpack "project-name"

　　　3、安装依赖
　　　　   npm i

　　　4、运行
　　　　   npm run dev

 

二、Vue架构

      1）、记住“三个位置”：

         1、router-->index.js（存放路由、路由组件、路由页面路径等）

               注：此项目默认路径是“/”。在path下一行加入（redirect:“/test”），则项目默认路径为“/test”，即可显示HelloWorld.vue内容。

              

         2、新建的Home.vue文件（包含Header组件、Footer组件、Sider组件、路由页面【router-view】，其中router-view组件是动态的，来自router-->index.js文件中路由引入的组件，本例中，router-view组件指的是HelloWorld.vue，地址是“/test”）

                    

         3、components或其他文件下的vue文件（即视图文件）

              

       2）、架构“两个要点”：

       1、布局写在Home.vue文件里面

       2、在index.js文件里面配置路由，每一个router配置应该包含：引入Home.vue组件的名称，和显示router-view的组件路径。