vue入門基礎篇筆記1

vue的安裝

從vue到頁面

vue對象基本經常使用屬性和模板指令

如何劃分組件

  1. 功能模塊
  2. 頁面區域

vuejs組件之間的調用

  1. 經過important導入模塊
  2. 引入的模塊必須在components中註冊

vuejs組件之間的通訊

  • 父組件向子組件傳遞信息
    父:若是子組件想要得到父組件的信息,子組件要在props註冊對應的屬性props : ['xxx'];註冊後在<script>中可用this.xxxx來獲取值,html中可直接{{xxxx}}來獲取值
  • 子組件向父組件傳遞信息
    父:使用v-on : 自定義事件名綁定自定義事件名,用於子模板向父模板傳遞數據


    子:子告訴父組件的內容 :經過$emit()觸發事件
this.$emit('child-tell-me-something',this.msg);

  • 其餘事件方法
    html

    ajax交互

    路由功能

相關文章
相關標籤/搜索