【Vue第3章】使用Vue脚手架_Vue2
2023-12-13 03:05:01
目录
3.8.3.3 15_src_TodoList_pubsub
3.8.3.4 16_src_TodoList_nextTick(编辑功能)
3.1 初始化脚手架
3.1.1 说明

Vue脚手架即Vue CLI(command line interface,命令行接口工具,简称脚手架)
3.1.2 具体步骤

配置npm淘宝镜像:npm config set registry https://registry.npm.taobao.org

3.1.3 模板项目的结构



3.1.4 笔记与代码
3.1.4.1 笔记

3.1.4.2?01_src_分析脚手架




3.2 ref与props
3.2.1 ref

3.2.2 props

3.2.3 笔记与代码
3.2.3.1 笔记

3.2.3.2?02_src_ref属性



3.2.3.3?03_src_props配置



3.3 混入
3.3.1 笔记与代码
3.3.1.1 笔记

3.3.1.2?04_src_mixin混入(合)





3.4 插件与scoped样式

3.4.1 笔记与代码
3.4.1.1 笔记

3.4.1.2?05_src_插件




3.4.1.3?06_src_scoped样式




3.5 Todo-list案例
快速打开markdown文件插件:Open in External App


3.5.1 组件化编码流程(通用)

3.5.2 笔记与代码

3.5.2.1 笔记


3.5.2.2?07_src_TodoList案例









3.5.2.3?08_浏览器本地存储
localStorage

sessionStorage?

3.5.2.4?09_src_TodoList_本地存储


3.6 Vue中的自定义事件
3.6.1 绑定事件监听

3.6.2 触发事件

3.6.3 笔记与代码
3.6.3.1 笔记

3.6.3.2?10_src_组件自定义事件





3.6.3.3?11_src_TodoList_自定义事件







3.7 全局事件总线
3.7.1 理解


3.7.2 指定事件总线对象

3.7.3 绑定事件

3.7.4 分发事件

3.7.5 解绑事件

3.7.6 笔记与代码
全局事件总线原理图:

3.7.6.1 笔记

3.7.6.2 12_src_全局事件总线




3.7.6.3 13_src_TodoList_事件总线





3.8 消息订阅与发布
3.8.1 理解

3.8.2 使用PubSubJS

3.8.3 笔记与代码
消息订阅与发布原理图:

3.8.3.1 笔记


3.8.3.2 14_src_消息订阅与发布


3.8.3.3 15_src_TodoList_pubsub



3.8.3.4 16_src_TodoList_nextTick(编辑功能)

3.9 过度与动画



3.9.1 效果

3.9.2 vue动画的理解


3.9.3 基本过渡动画的编码

3.9.4 笔记与代码
3.9.4.1 笔记



3.9.4.2 17_src_过度与动画




3.9.4.3 18_src_TodoList_动画





文章来源:https://blog.csdn.net/weixin_43916081/article/details/134829739
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!