VueJS 2 道具的例子

JavaScript 的：

Vue.component('props-component', {
    template: '#props-component-template',
    // array of all props
    props: ['myprop', 'calcprop']
});

new Vue({
    el: '#app'
});

HTML：

<div id="app">
    <template id="props-component-template">
        <div>Props: {{myprop}} - {{calcprop}}</div>
    </template>

    <props-component 
        myprop="prop_value" 
        :calcprop="Math.random()">
    </props-component>
</div>