Vue-webpack-hbuilderx 開發前端基本命令

--建立Vue 項目 pc 須要裝 node 環境 ,安裝完以後,就能夠在cmd中使用npm 命令了

1：npm install -g vue-cli  //電腦端須要安裝vue 腳手架模板,電腦端一次安裝就行

2：vue init webpack vue-demo-1 //建立一個Vue項目 建立完成以後,根據黃色命令繼續執行命令

3: 打包Vue項目，在HBUILDERX 中使用命令

1：npm run build

2: 發佈1：使用今天服務器工具包

npm install -g serve
serve dist

二：Vue的組件間通訊

1: 組件傳遞數據：

//:定義組件數據

export default {

  data() {

    return {

      commonet: [

        {
           name: 「ABC」,
           sex: 「女」
         },

        {
           name: 「Abd」,
           sex: 「男」
         }

      ]

    }
   }

}

//: 在組件標籤上使用定義的組件數據

<custombiaoqian  :comonet=「commonet」/>

2: 組件使用組件傳遞過來的數據：

//第一種方式

export default{

      props ['comment']

  }

// 第二種方式

export default{

   props:{

     comment: Object

   }

}

//使用數據

{{commoent.name}}

出現正常提示： 訪問：http://localhost:5000