vue component prop string number

1070105

by Syuan Shih

HTML

<div id="app">
    <p>沒有使用v-bind：<child price="15"></child></p>
    <p>有使用v-bind：<child :price="15"></child></p>
</div>

JavaScript

Vue.component('child', {
    props: ['price'],
    template: '<span>{{ price + 1 }} ({{ typeof price }})</span>'
})

var vm = new Vue ({
    el: '#app'
})