zoukankan      html  css  js  c++  java
  • 面试题系列---【vue中什么是混入】

    1.定义

    混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。

    2.使用步骤

    在components 文件夹中自定义名字,一般命名为mixin---》

    文件夹中我们可以建立一个js文件,mixin.js 这个文件就是写混入代码的js----》

    15740110-3543d63bdfa99226.png

    js代码内容如下:

    export default {
        data() {
            return {
                name : "张三"
            }
        },
        methods: {
            handleclick(){
                this.name = "李四"
            }
        }
    }
    
    

    在需要用的页面引入

     <template>
      <div>
          <h1>{{name}}</h1>
          <button @click="handleclick">点我改名字11</button>
      </div>
    </template>
     
    <script>
    import minin from './minxin/minxin'
    export default {
      mixins: [minin],
      data(){
        return {
     
        }
      },
      methods: {
     
      }
    }
    </script>
    

    引入之后就可以使用了,在上面的文件中,

    handleclick 方法就是 混入文件中的方法

  • 相关阅读:
    java数的相加
    读大道至简第二章有感
    读大道至简第一章有感
    课题的跨专业组队
    返回一个整数数组中最大子数组的和。
    《构建之法》阅读笔记02
    单元测试(2)
    软件工程个人作业03
    单元测试
    团队
  • 原文地址:https://www.cnblogs.com/chenhaiyun/p/14910283.html
Copyright © 2011-2022 走看看