涉及三个核心知识点：

一：extend

 var Profile = Vue.extend({

      template: `<div>${advanceFilterHtml}</div>`,

      data: function () {

        return data

      },

      // watch: that.watch,

      // methods: that.method,

    })

    // 创建 Profile 实例，并挂载到一个元素上。

    new Profile().$mount('#filterContent');

二： 动态拼接属性，this.$set

一定用this.$set动态绑定，否则选不中

一定用this.$set动态绑定，否则选不中

一定用this.$set动态绑定，否则选不中

advanceFilter: { [key: string]: any } = {};

this.$set(this.advanceFilter, item.DataField, []);

this.advanceFilter[item.DataField] = [];