美文网首页
vue install 简单使用

vue install 简单使用

作者: 日出丶 | 来源:发表于2020-06-15 18:10 被阅读0次

    文件夹有两个文件


    WeChat2ff6e3f883c61480fdc4ea4fe23e46e2.png

    index.js
    实现方法
    test.vue是可以理解为里面可以实现各种方法,和普通的XXX.vue文件没有任何区别
    下面是index.js

     import test from './test'
    const testObj = {
        install:function(){
      }
    }
    export default testObj 
    

    可以使用component注册组件

      Vue.component('test', test)
    

    可以使用prototype挂在全局方法

    Vue.prototype.$test = function (data) {
                // 逻辑...
                msg = data
            }
    

    也可以使用Vue.mixin()把各种方法添加到当前vue组件方法里面,methods

    Vue.mixin({
              data() {
                return {
                        msg: msg,
                    }
                },
                methods: {
                    /* 添加各种方法,但是我建议放在test.vue里面比较方便 */
                }
    })
    

    使用就可以在main.js使用 vue.use (test)
    this.$test("test")

    相关文章

      网友评论

          本文标题:vue install 简单使用

          本文链接:https://www.haomeiwen.com/subject/mxyhxktx.html