vue: register and import

最新推荐文章于 2024-06-17 20:15:39 发布

weixin_34148456

最新推荐文章于 2024-06-17 20:15:39 发布

阅读量195

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/Nyan-Workflow-FC/p/10742496.html

版权

components/header-nav/menu-nav.vue

<template>
    <div>
        menu nav
    </div>
</template>

components/header-nav/login-nav.vue

<template>
    <div>
        login nav
    </div>
</template>

第一种方法：

components/header-nav/index.js

import MenuNav from "./menu-nav.vue";
import LoginNav from "./login-nav.vue";

export default {MenuNav, LoginNav}

components/header.vue

<template>
  <header>
      <menu-nav></menu-nav>
      <login-nav></login-nav>
  </header>
</template>
<script>
import MenuNav from "./header-nav;
import LoginNav from "./header-nav";
export default {
  components: MenuNav,LoginNav 
};
</script>

第二种方法

<template>
  <header>
      <menu-nav></menu-nav>
      <login-nav></login-nav>
  </header>
</template>
<script>
import MenuNav from "./header-nav/menu-nav.vue";
import LoginNav from "./header-nav/login-nav.vue";
export default {
  components: {MenuNav,LoginNav}
};
</script>

转载于:https://www.cnblogs.com/Nyan-Workflow-FC/p/10742496.html