2023-04-14 vue之组件全局注册

新建一个vue文件,随便写点什么,然后在main.js中引入,如下:

xxx.vue:

<template>
    <view class="container">
        <view class="content">
            登录窗口
        </view>
    </view>
</template>

<script>

export default {
  data() {
    return {

    };
  },
  props: {

  },
  methods: {

  },
};
</script>

<style lang="less" scoped>

</style>

main.js:

import loginBox from "./pages/user/login";
Vue.component('loginBox',loginBox);

在项目中使用:

<loginBox></loginBox>

怎么样是不是很简单?

posted @ 2023-04-14 15:09  叶乘风  阅读(12)  评论(0编辑  收藏  举报