欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue組件命名和props命名代碼詳解

 更新時(shí)間:2019年09月01日 13:54:41   作者:自_定義  
在本篇內(nèi)容里小編給大家講的是關(guān)于vue組件命名和props命名的相關(guān)知識(shí)點(diǎn)內(nèi)容,有興趣的朋友們可以學(xué)習(xí)下。
<!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會(huì)報(bào)錯(cuò) blog-post改為blogPost會(huì)報(bào)錯(cuò) -->
    <blog-post post-title="hello!"></blog-post>
  </div>



  <script>
    Vue.component('blog-post', { //命名時(shí)候可以使用橫線
     props: ['postTitle'],         //如果這里使用連接線post-title將報(bào)錯(cuò)
     template: '<h3>{{ postTitle }}</h3>'
    })

    new Vue({
      el:"#app",

    })
  </script>

</body>
</html>

總結(jié) props里可使用駝峰命名但不能用橫線,如果props使用駝峰 組件上將使用橫線

vue組建命名 可以使用駝峰和橫線, 如果使用駝峰 組建使用將采用橫線使用

以上就是關(guān)于vue組件命名和props命名的全部知識(shí)點(diǎn)內(nèi)容,感謝大家的學(xué)習(xí)和對(duì)腳本之家的支持。

相關(guān)文章

  • VUE 實(shí)現(xiàn)element upload上傳圖片到阿里云

    VUE 實(shí)現(xiàn)element upload上傳圖片到阿里云

    這篇文章主要介紹了VUE 實(shí)現(xiàn)element upload上傳圖片到阿里云,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2020-08-08
  • vue動(dòng)態(tài)設(shè)置頁(yè)面title的方法實(shí)例

    vue動(dòng)態(tài)設(shè)置頁(yè)面title的方法實(shí)例

    這篇文章主要給大家介紹了關(guān)于vue動(dòng)態(tài)設(shè)置頁(yè)面title的相關(guān)資料,文中通過(guò)實(shí)例代碼結(jié)束的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用Vue具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2020-08-08
  • vue filter的四種用法小結(jié)

    vue filter的四種用法小結(jié)

    這篇文章主要介紹了vue filter的四種用法小結(jié),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-04-04
  • vue指令中的v-once用法

    vue指令中的v-once用法

    這篇文章主要介紹了vue指令中的v-once用法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-05-05
  • 解決vue中axios設(shè)置超時(shí)(超過(guò)5分鐘)沒反應(yīng)的問(wèn)題

    解決vue中axios設(shè)置超時(shí)(超過(guò)5分鐘)沒反應(yīng)的問(wèn)題

    這篇文章主要介紹了解決vue中axios設(shè)置超時(shí)(超過(guò)5分鐘)沒反應(yīng)的問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2020-09-09
  • vue-element如何實(shí)現(xiàn)動(dòng)態(tài)換膚存儲(chǔ)

    vue-element如何實(shí)現(xiàn)動(dòng)態(tài)換膚存儲(chǔ)

    這篇文章主要介紹了vue-element如何實(shí)現(xiàn)動(dòng)態(tài)換膚存儲(chǔ)問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2023-04-04
  • Vue如何獲取url路由地址和參數(shù)簡(jiǎn)單示例

    Vue如何獲取url路由地址和參數(shù)簡(jiǎn)單示例

    這篇文章主要給大家介紹了Vue如何獲取url路由地址和參數(shù)的相關(guān)資料,通過(guò)簡(jiǎn)單的代碼示例,幫助讀者快速掌握Vue路由的基本用法,需要的朋友可以參考下
    2023-03-03
  • vue簡(jiǎn)單實(shí)現(xiàn)一個(gè)虛擬列表的示例代碼

    vue簡(jiǎn)單實(shí)現(xiàn)一個(gè)虛擬列表的示例代碼

    虛擬列表只渲染當(dāng)前可視區(qū)域的列表,并不會(huì)將所有的數(shù)據(jù)渲染,本文主要介紹了vue簡(jiǎn)單實(shí)現(xiàn)一個(gè)虛擬列表的示例代碼,具有一定的參考價(jià)值,感興趣的可以了解一下
    2024-03-03
  • 關(guān)于Vue v-on指令的使用

    關(guān)于Vue v-on指令的使用

    這篇文章主要介紹了關(guān)于Vue v-on指令的一些使用場(chǎng)景,比如監(jiān)聽事件、傳入event參數(shù)、事件修飾符的一些場(chǎng)景,下面就來(lái)看看具體使用的方法吧,需要的朋友可以參考一下
    2021-10-10
  • vue?beforeDestroy?clearInterval清除定時(shí)器失效的解決

    vue?beforeDestroy?clearInterval清除定時(shí)器失效的解決

    這篇文章主要介紹了vue?beforeDestroy?clearInterval清除定時(shí)器失效的解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2023-06-06

最新評(píng)論