使用Vue的方式

Question

最近再学习Vue.js,对创建模版的方式有以下问题：

一般情况，我们使用如下方式创建模版：

this.vm = new Vue({

            el: this.wrapperElement,

            data: {

                label: this.label,

                btnStyle: this.btnStyle,

                icon: this.icon,

                img: this.img

            },

            methods: {

                action: this.action

            },

            template: `<ph-button :label="label" :btnStyle="btnStyle" :icon="icon" :action="action" :img="img"></ph-button>`

        })

但是我想知道是否含有其他的方式，能达到与上面一样的目的。

如果可以，请大佬们列入其他的方式。且这些方式都能在class类中使用

不甚感激！