如下圖，我這裡用Vue寫了一個計時器的功能，主要是針對vue中，父子元件間的傳值問題。
首先，我們new了一個Vue例項，並把它掛在到root上，接著在components中註冊了一個子元件child，然後定義元件的內容，並最終把它的內容顯示在root下面。
我們給child標籤綁定了一個屬性count，採用的是v-bind指令（這裡採用:簡寫方式），然後我們子元件中要對父元件傳遞過來的內容進行接收，採用的是Props屬性，這樣，父元件傳遞過來的資料，就可以在子元件中進行使用了。
上面講述了父元件向子元件傳值的方法，那麼子元件該如何向父元件進行傳值呢？
我們來看第二張圖，看到第30行程式碼，這裡有一句this.$emit()，其實在Vue中，子元件就是透過這個方法向父元件發出事件觸發，並且觸發的事件必須在父元件中進行接收，透過@符號進行接收，然後裡面的方法必須在父元件的例項中進行編寫。其實在emit方法中，我們還可以向父元件傳遞相應的其它引數，例如圖二中，除了向父元件觸發inc事件，同時，還把每次增加的數量也傳遞給了父元件，這樣，當我們每次點了一次child時，數字都會自增2，這樣我們就實現了Vue之中父子元件的傳值問題。謝謝！
如下圖，我這裡用Vue寫了一個計時器的功能，主要是針對vue中，父子元件間的傳值問題。
首先，我們new了一個Vue例項，並把它掛在到root上，接著在components中註冊了一個子元件child，然後定義元件的內容，並最終把它的內容顯示在root下面。
我們給child標籤綁定了一個屬性count，採用的是v-bind指令（這裡採用:簡寫方式），然後我們子元件中要對父元件傳遞過來的內容進行接收，採用的是Props屬性，這樣，父元件傳遞過來的資料，就可以在子元件中進行使用了。
上面講述了父元件向子元件傳值的方法，那麼子元件該如何向父元件進行傳值呢？
我們來看第二張圖，看到第30行程式碼，這裡有一句this.$emit()，其實在Vue中，子元件就是透過這個方法向父元件發出事件觸發，並且觸發的事件必須在父元件中進行接收，透過@符號進行接收，然後裡面的方法必須在父元件的例項中進行編寫。其實在emit方法中，我們還可以向父元件傳遞相應的其它引數，例如圖二中，除了向父元件觸發inc事件，同時，還把每次增加的數量也傳遞給了父元件，這樣，當我們每次點了一次child時，數字都會自增2，這樣我們就實現了Vue之中父子元件的傳值問題。謝謝！