Vue-19-前端框架Vue之应用基础组件通信(二)
文章目录
- 1 v-model(父子相传)
- 1.1 App.vue
- 1.2 Father.vue
- 1.2.1 v-model用在html标签上
- 1.2.2 v-model用在html标签上(本质写法)
- 1.2.3 v-model用在组件标签上
- 1.2.4 v-model用在组件标签上(本质写法)
- 1.3 MyInput(自定义的组件)
- 1.4 修改modelValue
- 1.4.1 Father.vue
- 1.4.2 MyInput.vue
- 2 attrs(祖传孙打扰中间人)
- 2.1 Father.vue
- 2.2 Child.vue
- 2.3 GrandChild.vue
- 3 美元refs和美元parent
- 3.1 Father.vue
- 3.2 Child1.vue
- 3.3 Child2.vue
方式一:使用vue/cli脚手架
CMD>vue create 项目名称方式二:使用vite创建Vue3项目
注意node.js的版本要是最新的
CMD>npm create vue@latest
1 v-model(父子相传)
1.1 App.vue
<template><Father />