props接收值的几种写法
【Vue-props】props是只读的，不允许直接修改传进来的props的值，修改就会有警告
// 最简单的接收值的方式,接收的是一个数组
props: [name,age]// 接收参数是一个对象
props: {
name: String,
age: Number
}// 最完整的方式
props: {
name: {
type: String,// 数据的类型限制
required: true// 数据是否必传
},
age: {
type: Number,
default: true// 数据默认值
}
}Demo
// 父组件
// 子组件
{{ msg }}
姓名：{{name}}
年龄：{{age}}3推荐阅读
- JavaScript|vue 基于axios封装request接口请求——request.js文件
- vue.js|vue中使用axios封装成request使用
- vue.js组件开发
- 前端开发|Vue2.x API 学习
- javascript|vue使用js-xlsx导出excel，可修改格子样式，例如背景颜色、字体大小、列宽等
- vue.js|后端开发学习Vue(一)
- JS|VUE学习笔记[30-46]
- vue.js|Vue为何弃用经典的Ajax，选择自研Axios（）
- vue|vue3替代vuex的框架piniajs实例教程
- cmd配置npm仓库镜像报错