备注

compents是一个组件用于页面的展示及改动

router 是一个路由  用于组件的引用 

import代表新创建文件地址的引入。第二xrport代表文件项目的名称改动

/代表跟目录。

vue-cli2添加页面

src/components

router/*index.js

npm run dev    （启动后端服务）

vue-cli项目的配置与页面绑定（第一阶段）

先启动服务

d: - cd testcli（进入testcli文件中） - dir（查看testcil的文件目录中的文件） - cd test1（进入test1项目中） - npm run dev（运行项目）

获取到 localhost:8080/#/ 并在浏览器中访问

创建自己的vue helloword页面

使用编译器打开test1项目找到src

src文件用于存放页面相关的文件如 页面vue文件、配置跳转的index.js文件

components：components文件夹下是存放自定义vue页面的

router：router文件夹中有一个index.js用于首页跳转的配置，默认配置，配置以后会指定首页页面为哪一个

配置子的vue helloword页面

在index.js中先用import引入我们创建的first.vue

import First from '@/components/first.vue'

//First ：是命名这个引用，业内默认首字母大写  @：是相对路径

routes: [

    {

      path: '/', //代表根目录根节点

      name: 'First', //当前跳转的命名备注

      component: First //刚刚我们import的命名

    }

  ]

启动后端服务

npm run dev