vus.js组件怎么传递属性

Question

初学vus.js
我放一个按钮

    <div id = "app">
        <el-button type="primary">按钮</el-button>
    </div>

显示出来是这样子

然后我用组件包一层，想传一个属性进去

    <div id = "app">
         <runoob typec="primary">按钮</runoob>
    </div>

    Vue.component('runoob', {
    props: ['typec'],
    template: '<el-button type = "{{typec}}">按钮</el-button>'
    })

但是没有效果

这是为什么啊

Answer 1

'<el-button type = "{{typec}}">按钮</el-button>'  这不对
'<el-button :type = typec>按钮</el-button>'

Answer 2

在自定义组件中，数据在属性中绑定的时候，不应该使用双大括号的，应该改成：

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