vue访问html文件_Vue页面

    前面一节主要学习了Vue项目中存在的文件和页面，这一节介绍用户怎么运行自己设计的页面。

在Vue中创建页面需要两步。

(1)新建路由

(2)新建Vue页面

新建路由

默认的路由文件是src/router/index.js，打开文件。

import Vue from 'vue'

import Router from 'vue-router'

import first from '@/components/first'

Vue.use(Router)

export default new Router({

  routes: [

    {

      path: '/first_vue',

      name: 'first',

      component: first

    }

  ]

})

(1)import first from '@/components/first'引用components中创建的个人页面first。  

(2)router中的path