--创建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