首页 > 其他分享 >2023-04-14 vue之组件全局注册

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

时间:2023-04-14 15:26:42浏览次数:41  
标签:vue 14 loginBox js main 04

新建一个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>

怎么样是不是很简单?

标签:vue,14,loginBox,js,main,04
From: https://www.cnblogs.com/iuniko/p/17318384.html

相关文章

  • 自主阅读笔记04《多种软件体系结构风格的分析与比较》
    文章来源《计算机与数字工程》作者:刘凯′梁欣?李欣宜’张俊萍赵丽娜软件体系结构的基本概念软件体系结构是从一个较高抽象层次来考虑组成系统的构件、构件之间的交互,以及由构件与构件交互形成的拓扑结构的关系。这些要素应该满足一定的限制,遵循一定的设计规则,能够在一定的环......
  • ABC214G/S2OJ1504
    ABC214G/S2OJ1504又是我不会的/hanx做了一天/ng直接做显然是不行的,所以考虑转化题意,对于\(\foralli\),连边\((A_i,B_i)\),现在题意就变成给边染色了,这样统计的就是不合法的,考虑容斥,一个很\(\text{naive}\)的容斥是总数-不合法,发现你根本做不了,所以很容易想到加强限制,让答......
  • Vue3 Vite H5 手写一个横向展开的多级树列表
    最近写h5要做那种稍微复杂一点的树,没找到现成的UI组件库可用,vant的树只有两级不满足,只能自己写ps.选框的选择/反选/半选对父子选项的影响还有bug,留到脑子好的时候再优化效果代码框架是Vue3+Vite+Vant4。复选框用的vant的checkbox,应该也可以换别的或者原生。模板<templ......
  • 2023.4.14每日会议
    昨天做了什么:完成了对listview的item点击弹出详细信息,完成了图片识别微信支付截图录入遇到了那些问题:相机拍的照片太模糊,图片识别识别不出来今天打算做什么:根据用户消费比例给出消费建议,并且做总支付的图以及各项占比 ......
  • vue 使用 vue-seamless-scroll 实现LED屏滚动效果
    yarnaddvue-seamless-scroll<divclass="index-roll"><vue-seamless-scroll:data="partnerList":class-option="optionLeft"><ul><liv-for=&quo......
  • [LeetCode] 1440. Jump Game V 跳跃游戏之五
    Givenanarrayof integers arr andaninteger d.Inonestepyoucanjumpfromindex i toindex:i+x where: i+x<arr.length and 0< x<=d.i-x where: i-x>=0 and 0< x<=d.Inaddition,youcanonlyjumpfromindex i toi......
  • Ubuntu20.04下免费使用Typora
    1问题Typora只能试用又不想花钱购买许可证~2解决方案进入Typora的安装位置,不知道的可以使用命令whichtypora进行查看,一般来说是安装在/usr/share/下。进入Typora的安装位置,准备进行修改cd/usr/share/typora/resources/page-dist/static/js开始进行修改sudogeditL......
  • edu145-D
    题目链接:https://codeforces.com/problemset/problem/1809/D一个关键的地方没想到,没有想到枚举分界线。思路:最终改成的字符串的样子一定是这样的:以某个点为分界线,左边全是0,右边全是1。所以可以枚举分界线(分界线的值为1,左边去掉为1的,右边去掉为0的),当且仅当\(s_i=0,s_{i-1}=1\)交......
  • laravel + node 在vagrant + ubuntu18.04 部署过程
    注意:当前的操作都是基于本地mac开发坏境配置操作,遇到了很多坑,这里借此做记录:一、ubuntu18.04上部署的php环境php7.4+msyql,常用的php扩展之类的可以自行的查询安装二、ubuntu18.04上部署nodejs14.17.6开始搜索直接用命令,装的node不是我们当前所需要的最后决定使......
  • 在.NET Core 6.0中,你可以使用自定义 Middleware 来限制 Swagger/index.html 的访问,当
    创建一个自定义Middleware类,例如SwaggerNotFoundMiddleware:publicclassSwaggerNotFoundMiddleware{privatereadonlyRequestDelegate_next;publicSwaggerNotFoundMiddleware(RequestDelegatenext){_next=next;}publicasyncT......