VUE 创建组件并且引用

QQ技术交流群 173683866 526474645 欢迎加入交流讨论,打广告的一律飞机票

本文以 ChoosingCity.vue 组件为示例

1.创建组件

VUE 创建组件并且引用_第1张图片

如图,在common 中创建了ChoosingCity.vue 组件

2.在router 文件夹下的index.js 配置该组件


import ChoosingCity from '@/components/common/ChoosingCity'
Vue.use(Router)

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

 

 

3. 引用组件,在Home.vue 中的 script 导入组件,并且在components中声明


                    
                    

你可能感兴趣的:(vue,JS)