Vue 学习笔记-2022/12/08

一、使用脚手架

使用 vite 脚手架，yarn 管理版本依赖。

二、创建使用单一文件组件

scoped 只在当前
vue 文件里生效样式

WordCount.Vue
三、组件 Props

props

注意的是子组件不能修改父组件的
props 的属性
建议最好指定类型，进行规范传参。

四、动态 Props

需要用
v-bind 进行动态绑定

如果对象的属性和参数的属性一样 则可以直接使用对象进行传参

如果传了子组件未定义的参数那么就会直接传给组件的最外层，一般这种做法一般是父组件给子组件设置 class 或者 style ，当然这种也是可以通过参数禁止的

五、插槽

内容

多插槽占位

如果需要使用多个插槽的话需要给 slot 设置 name 属性加以区分

在父组件和调用者处 则这样使用