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