從方法返回vuejs組件

Question

我對vue.js很陌生，所以我什至不確定我要做什么。 我正在開發一個可以在其他應用程序中使用的Matrix組件。 我的問題是我想讓getIdentity（）方法返回一個新的Matrix組件，並在其中傳遞一個數組。

export default {
  name: 'Matrix',
  props: {
    initRows: Number,
    initColumns: Number,
    initValues: Array
  },
  data () {
    return {
      editable: true,
      contents: [],
      rows: 1,
      columns: 1
    }
  },
  created () {
    ...
  },
  methods: {
    addColumn () {...},
    removeColumn (column) {...},
    addRow () {...},
    removeRow (row) {...},
    getRREF () {...},
    getInverse () {...},
    getIdentity () {
      if (this.rows === this.columns) {
        let tempMtx = [];
        for (let row = 0; row < this.rows; row++) {
          tempMtx[row] = [];
          for (let col = 0; col < this.columns; col++) {
            tempMtx[row][col] = row === col ? 1 : 0;
          }
        }
        return new Matrix({propsData: {initValues: tempMtx}}); // This is the part I can't figure out
      } else {
        throw new Error('Rows and Columns must be equal to get the identity matrix');
      }
    }
  }
}

Answer 1

我最終在這篇文章的幫助下弄清楚了它。 除了不從其他文件導入外，我只定義了let MatrixConstructor = vue.extend(this.a);