vuejs如何重新实例化某个组件。

Question

<el-button type="primary">主要按钮</el-button>如果直接使用该行代码，则出现蓝色按钮而<el-button>主要按钮</el-button>的话则是普通按钮我想着先写<el-button>主要按钮</el-button>后，获取其标签对象，给它增加这个属性：obj.setAttribute('type', 'primary')，希望通过这一操作来使其变为蓝色按钮。而目前直接这样操作并不会改变按钮的颜色，想着是否能通过使该组件重新实例化一次来识别这个type属性，其他方法亦可，求大神指点~

Answer 1

<div id="app">

    <el-button :type='type'>按钮</el-button>

    <button @click='change'>change</button>

</div>

<script>

    var vm = new Vue({

        el: "#app",

        data: {

            type: ''

        }

        methods: {

            change: function() {

                this.type = 'primary'                

            }

        }

    })

</script>