摘要: 创建Vue3工程 Vue Cli脚手架创建工程 类似于之前创建的vue2工程,我们在需要创建工程的文件下打开cmd,执行创建的工程命令: 成功: 分别执行蓝色的命令来启动,根据生成的地址得到下面界面: Vite创建工程 我们也可以使用vite来创建工程,vite相对于有一定性能优势,可以去官网看看。 阅读全文
posted @ 2022-12-26 23:41 安静点-- 阅读(59) 评论(0) 推荐(0)
摘要: 插槽 作用:让父组件可以向子组件指定位置插入html结构,也是一种组件间通信的方式,适用于 父组件 > 子组件 。 分类:默认插槽、具名插槽、作用域插槽 使用方式: 默认插槽 父组件中: <Category> <div>html结构1</div> </Category> 子组件中: <templat 阅读全文
posted @ 2022-12-26 23:19 安静点-- 阅读(34) 评论(0) 推荐(0)
摘要: mixin(混入) 1. 功能:可以把多个组件共用的配置提取成一个混入对象 2. 使用方式: 第一步定义混合: ``` { data(){....}, methods:{....} .... } ``` 第二步使用混入: ​ 全局混入:```Vue.mixin(xxx)``` ​ 局部混入:```m 阅读全文
posted @ 2022-12-26 22:39 安静点-- 阅读(57) 评论(0) 推荐(0)
摘要: props配置项 1. 功能:让组件接收外部传过来的数据 2. 传递数据:```<Demo name="xxx"/>``` 3. 接收数据: 1. 第一种方式(只接收):```props:['name'] ``` 2. 第二种方式(限制类型):```props:{name:String}``` 3. 阅读全文
posted @ 2022-12-26 22:12 安静点-- 阅读(213) 评论(0) 推荐(0)
摘要: ref属性 1. 被用来给元素或子组件注册引用信息(id的替代者) 2. 应用在html标签上获取的是真实DOM元素,应用在组件标签上是组件实例对象(vc) 3. 使用方式: 1. 打标识:```<h1 ref="xxx">.....</h1>``` 或 ```<School ref="xxx">< 阅读全文
posted @ 2022-12-26 21:44 安静点-- 阅读(55) 评论(0) 推荐(0)