vue組件命名和props命名代碼詳解
更新時間：2019年09月01日 13:54:41 作者：自_定義
在本篇內容里小編給大家講的是關于vue組件命名和props命名的相關知識點內容，有興趣的朋友們可以學習下。
<!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命名的全部知識點內容，感謝大家的學習和對腳本之家的支持。
相關文章
淺析vue-cli3配置webpack-bundle-analyzer插件【推薦】
小編最近為了優(yōu)化vue項目性能，需要使用webpack-bundle-analyzer插件來分析報文件，在網上沒有找到合適的，下面小編給大家寫出來一個供大家參考2019-10-10
VSCode前端Vue項目引入Element-ui組件三步簡單操作方法
elementui相當于一個庫,封裝好的內容,我們引入到vue項目中,就可用庫中的內容,這篇文章主要給大家介紹了關于VSCode前端Vue項目引入Element-ui組件的三步簡單操作方法,需要的朋友可以參考下2024-07-07
vue實現桌面向網頁拖動文件的示例代碼(可顯示圖片/音頻/視頻)
這篇文章主要介紹了vue實現桌面向網頁拖動文件的示例代碼(可顯示圖片/音頻/視頻),本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-03-03
這篇文章主要介紹了vue關于自定義指令與v-if沖突的問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
這篇文章主要介紹了vue中對時間戳的處理方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-06-06
這篇文章主要介紹了vue實現導出Word文件(數據流方式)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-06-06
vue-router是vue.js官方的路由插件,他和vue.js是深度集成的適合構建單頁面應用,下面這篇文章主要給大家介紹了關于Vue?router應用問題的相關資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下2022-04-04
組件是Vue.js最強大的功能之一,組件可以擴展HTML元素,封裝可重用的代碼,下面這篇文章主要給大家介紹了關于vue如何動態(tài)加載組件的相關資料,需要的朋友可以參考下2022-10-10
本文主要介紹了vue3中watch監(jiān)聽的四種寫法,包含了ref 定義的數據,reactive定義的數據,函數返回的值（getter函數）和前面3個內容的數組,具有一定的參考價值,感興趣的可以了了解一下2024-02-02
這篇文章主要介紹了vue自定義底部導航欄Tabbar的實現代碼,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-09-09