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