国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

vue組件學習-數據傳遞-路由（初學者文檔二）

Cristic / 1060人閱讀

摘要：接上次的驗證開始，組件中的作用域都是獨立的，子組件的模板不能直接引用父組件的數據，要用特殊方法才能實現數據的傳遞。，環境的安裝第一步新建一個文件夾并初始化第二步安裝一級路由這個比較簡單，大多應用于單頁面應用，不必引入整個路由庫。

接上次的props驗證開始，組件中的作用域都是獨立的，子組件的模板不能直接引用父組件的數據，要用特殊方法才能實現數據的傳遞。

一、父子組件之間的通信

    實例，點擊子組件的內容，子組件自增一的同時，父組件的內容也同時增加一。
        HTML代碼：
          

            {{ total }}
            
            
            
          

        JS部分內容：

三、使用插槽分發內容

    我們使用組件是為了更加的方便我們的工作，但是組件化也有不太方便的地方，就是數據的處理，
為了方便使用組件，可以引入slot元素作為數據插槽來進行數據的處理分發。當我們使用這個元素，
模板的內容不會被替換掉，保留在我們想要插入的地方。

    示例代碼：
    HTML部分：
        

            
                
頭部內容

                2222
                
底部內容

            
        

    JS部分：

四、vue的路由部分

在這個部分，基本都推薦使用官方路由，更有官方文檔可以查看更加詳細內容，這里我就簡單做一下示例。
  ①，環境的安裝
    第一步：新建一個文件夾并初始化
    npm init -y
    第二步：安裝
    npm i -S vue vue-router
    npm i -S axios
  
    4.1一級路由：這個比較簡單，大多應用于單頁面應用，不必引入整個路由庫。
      

        新聞管理
        商城管理
        

          
        

      

      
      
      
    
    4.2 動態路由：當ID不同的用戶使用的時候，就需要這個組件來渲染
    示例：
        

        /user/foo
        /user/foo
        
      

      
      
      
    
    4.3、監聽路由變化
    示例：
            

          /user/foo
          /user/bar

關于路由，還有很多值得我們去學習的地方，推薦一個好用的網站
https://router.vuejs.org/zh-c...
這里有最詳細的學習路由的知識點

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/89809.html

相關文章

  • Vue學習日記（三）——Vue路由管理vue-router

    摘要：重定向可以實現某些需要根據特定邏輯改變頁面原本路由的需求，例如簡單的未登錄狀態下的頁面訪問個人信息路由時應該重定向到登錄路由頁面。 前言 為了給讀者更好的體驗，去理解vue-router和下一篇介紹vuex，決定還是來一個實戰教程來帶大家更加的去深入理解vue-router，在這之前，讀者先自行了解和去官網下載npm和node，附：npm官網 項目構建 這里我采用vue-cli+web...

    iKcamp 評論0 收藏0

  • Vue學習日記（三）——Vue路由管理vue-router

    摘要：重定向可以實現某些需要根據特定邏輯改變頁面原本路由的需求，例如簡單的未登錄狀態下的頁面訪問個人信息路由時應該重定向到登錄路由頁面。 前言 為了給讀者更好的體驗，去理解vue-router和下一篇介紹vuex，決定還是來一個實戰教程來帶大家更加的去深入理解vue-router，在這之前，讀者先自行了解和去官網下載npm和node，附：npm官網 項目構建 這里我采用vue-cli+web...

    tuniutech 評論0 收藏0

  • Vue學習日記（三）——Vue路由管理vue-router

    摘要：重定向可以實現某些需要根據特定邏輯改變頁面原本路由的需求，例如簡單的未登錄狀態下的頁面訪問個人信息路由時應該重定向到登錄路由頁面。 前言 為了給讀者更好的體驗，去理解vue-router和下一篇介紹vuex，決定還是來一個實戰教程來帶大家更加的去深入理解vue-router，在這之前，讀者先自行了解和去官網下載npm和node，附：npm官網 項目構建 這里我采用vue-cli+web...

    aboutU 評論0 收藏0

  • 初學vue.js記錄

    摘要：初學應該學習哪些知識主要學習基礎知識。接下來要學習如何寫函數，計算屬性。事件處理與修飾符事件通過指令來綁定，在中事件為事件名，所以是很好記憶的。這時可通過來獲取父組件傳遞的值并寫入模板，父組件可通過在子組件寫入屬性的方式傳遞數據。 前言 本人剛開始學習vue.js幾天，做了一些練習之后，鑒于每隔一段時間就把學習過的內容總結一番，故此寫下此文章。初學Vue.js應該學習哪些知識 1、 v...

    enda 評論0 收藏0

  • VUE使用中踩過的坑

    摘要：前言如今可謂是一匹黑馬數已居第一位前端開發對于的使用已經越來越多，它的優點就不做介紹了本篇是我對使用過程中以及對一些社區朋友提問我的問題中做的一些總結幫助大家踩坑。隨后的重新渲染，元素組件及其所有的子節點將被視為靜態內容并跳過。 前言 vue如今可謂是一匹黑馬,github star數已居第一位！前端開發對于vue的使用已經越來越多，它的優點就不做介紹了,本篇是我對vue使用過程中以及...

    big_cat 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<