vue组件的开发使用-组件的创建

一、创建helloworld.vue组件



 

二、创建一个页面级组件test.vue

三、在router路由的index.html中配置路由

import Vue from 'vue'
import Router from 'vue-router'
import test from '@/views/test'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'test',
      component: test
    }
  ]
})
 

四、打开localhost:8080,看到效果

vue组件的开发使用-组件的创建_第1张图片

转载于:https://my.oschina.net/rifa/blog/1592120

你可能感兴趣的:(vue组件的开发使用-组件的创建)