使用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类中使用
• 不甚感激！

Answer 1

用vue-cli吧 https://github.com/vuejs/vue-cli 结构会清晰很多

Answer 2

我也刚学 我是用的vue-cli生成的模板 不过这个方式适用于大型的项目 你可以在官网里看看

Answer 3

还可以<script type="text/x-template">方式