<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>Examples</title><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script></head><body> <div id="app"> <!-- post-title使用駝峰命名postTitle會報錯 blog-post改為blogPost會報錯 --> <blog-post post-title="hello!"></blog-post> </div> <script> Vue.component('blog-post', { //命名時候可以使用橫線 props: ['postTitle'], //如果這里使用連接線post-title將報錯 template: '<h3>{{ postTitle }}</h3>' }) new Vue({ el:"#app", }) </script></body></html>總結 props里可使用駝峰命名但不能用橫線，如果props使用駝峰 組件上將使用橫線
vue組建命名 可以使用駝峰和橫線， 如果使用駝峰 組建使用將采用橫線使用
以上就是關于vue組件命名和props命名的全部知識點內容，感謝大家的學習和對武林網的支持。
新聞熱點
疑難解答
