zoukankan      html  css  js  c++  java
  • vue之全局自定义组件

    在项目开发中,往往需要使用到一些公共组件,比如,弹出消息、面包屑或者其它的组件,为了使用方便,将其以插件的形式融入到vue中,以面包屑插件为例:

    1、创建公共组件MyBread.vue

    <template>
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>{{level1}}</el-breadcrumb-item>
      <el-breadcrumb-item>{{level2}}</el-breadcrumb-item>
    
    </el-breadcrumb>
    </template>
    
    <script>
      export default {
        name: "MyBread",
        props:["level1","level2"]
      }
    </script>
    
    <style scoped>
    
    </style>

    2、在main.js中全局注册到vue中

    import MyBread from '@/components/common/MyBread.vue'
    
    
    Vue.component("MyBread", MyBread);//全局自定义组件

    3、使用

    在需要的组件中可以直接使用,注意需要父子传值

        <!--面包屑-->
        <MyBread level1="用户管理" level2="用户列表"></MyBread>
  • 相关阅读:
    请求参数的中文乱码问题
    MySql索引与优化
    Android 兼容包
    Mysql 主从(转)
    解决tomcat一闪而过(转)
    log4j
    支付相关
    通过maven添加quartz
    linux命令学习之:chmod
    Nginx特点及其配置
  • 原文地址:https://www.cnblogs.com/shenjianping/p/11462273.html
Copyright © 2011-2022 走看看