1小时学会Vue之脚手架与组件化开发 趁着暑假掌握一门技能 大学生前端实习毕业设

笔记: 

1. 安装Vue cli 脚手架工具作用: 能创建一个基本的vue骨架基本项目结构

   前提: 安装好Node.js 和 npm;

   安装全局Vue cli 基本命令 npm  install  @vue/cli  -g

2. Vue项目的基本文件作用

3.组件之间的复用性 , import 导入 component

4.父子组件传值:

4.1 父传子 --- 注意props接收父组件传过来的数据(类型, 属性名,是否必须等等) ;

4.2 子传父 -- 自定义触发事件methods中使用形式

methods:{

handle(){

this.$emit('child-count-change', this.count)

}

}

解释: this.$emit('代表回调的方法名','要返回给父组件的数据')

这里注意: 父组件的 使用子组件的标签处要引用 @child-count-change

定义一个方法处理接收过来的数据值 @child-count-change = "handleFu"

在父组件中定义一个方法 : 接收子组件传过来的数据进行做逻辑

methods:{

hanleFu(childCount){

..... // 这里对子组件传过来的值做处理

}

}