zoukankan      html  css  js  c++  java
  • [转] vue自定义组件(通过Vue.use()来使用)即install的使用

    在vue项目中,我们可以自定义组件,像element-ui一样使用Vue.use()方法来使用,具体实现方法:

    1.首先新建一个Cmponent.vue文件

    // Cmponent.vue
    <template>
    <div>
    我是组件
    </div>
    </template>

    <script>
    export default {

    }
    </script>

    <style scoped>
    div{
    font-size:40px;
    color:#fbb;
    text-align:center;
    }
    </style>
    2.其次在同一目录下建立index.js文件,在这个文件中使用install方法来全局注册该组件

    import component from './Cmponent.vue'
    const component = {
    install:function(Vue){
    Vue.component('component-name',component)
    } //'component-name'这就是后面可以使用的组件的名字,install是默认的一个方法

    }
    // 导出该组件
    export default component
    3.使用

    // 只要在index.js里规定了install方法,就可以向其他ui组件库那样,使用Vue.use()来全局使用
    import loading from './index.js'

    Vue.use(loading)

    <template>
    <div>
    <component-name></component-name>
    </div>
    </template>

  • 相关阅读:
    ionic打包步骤(安卓)
    使用ionic开发时用遇到监听手机返回按钮的问题~
    SQL语句
    SQL小结
    AangularJS的表单验证
    AangularJS过滤器详解
    mysql基础一
    初识rabbitmq
    对数字加千分号实现
    rabbitmq安装
  • 原文地址:https://www.cnblogs.com/chris-oil/p/9949931.html
Copyright © 2011-2022 走看看