【Vue第3章】使用Vue脚手架_Vue2

目录

[3.1 初始化脚手架](#3.1 初始化脚手架)

[3.1.1 说明](#3.1.1 说明)

[3.1.2 具体步骤](#3.1.2 具体步骤)

[3.1.3 模板项目的结构](#3.1.3 模板项目的结构)

[3.1.4 笔记与代码](#3.1.4 笔记与代码)

[3.1.4.1 笔记](#3.1.4.1 笔记)

[3.1.4.2 01_src_分析脚手架](#3.1.4.2 01_src_分析脚手架)

[3.2 ref与props](#3.2 ref与props)

[3.2.1 ref](#3.2.1 ref)

[3.2.2 props](#3.2.2 props)

[3.2.3 笔记与代码](#3.2.3 笔记与代码)

[3.2.3.1 笔记](#3.2.3.1 笔记)

[3.2.3.2 02_src_ref属性](#3.2.3.2 02_src_ref属性)

[3.2.3.3 03_src_props配置](#3.2.3.3 03_src_props配置)

[3.3 混入](#3.3 混入)

[3.3.1 笔记与代码](#3.3.1 笔记与代码)

[3.3.1.1 笔记](#3.3.1.1 笔记)

[3.3.1.2 04_src_mixin混入(合)](#3.3.1.2 04_src_mixin混入(合))

[3.4 插件与scoped样式](#3.4 插件与scoped样式)

[3.4.1 笔记与代码](#3.4.1 笔记与代码)

[3.4.1.1 笔记](#3.4.1.1 笔记)

[3.4.1.2 05_src_插件](#3.4.1.2 05_src_插件)

[3.4.1.3 06_src_scoped样式](#3.4.1.3 06_src_scoped样式)

[3.5 Todo-list案例](#3.5 Todo-list案例)

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

[3.5.2 笔记与代码](#3.5.2 笔记与代码)

[3.5.2.1 笔记](#3.5.2.1 笔记)

[3.5.2.2 07_src_TodoList案例](#3.5.2.2 07_src_TodoList案例)

[3.5.2.3 08_浏览器本地存储](#3.5.2.3 08_浏览器本地存储)

[3.5.2.4 09_src_TodoList_本地存储](#3.5.2.4 09_src_TodoList_本地存储)

[3.6 Vue中的自定义事件](#3.6 Vue中的自定义事件)

[3.6.1 绑定事件监听](#3.6.1 绑定事件监听)

[3.6.2 触发事件](#3.6.2 触发事件)

[3.6.3 笔记与代码](#3.6.3 笔记与代码)

[3.6.3.1 笔记](#3.6.3.1 笔记)

[3.6.3.2 10_src_组件自定义事件](#3.6.3.2 10_src_组件自定义事件)

[3.6.3.3 11_src_TodoList_自定义事件](#3.6.3.3 11_src_TodoList_自定义事件)

[3.7 全局事件总线](#3.7 全局事件总线)

[3.7.1 理解](#3.7.1 理解)

[3.7.2 指定事件总线对象](#3.7.2 指定事件总线对象)

[3.7.3 绑定事件](#3.7.3 绑定事件)

[3.7.4 分发事件](#3.7.4 分发事件)

[3.7.5 解绑事件](#3.7.5 解绑事件)

[3.7.6 笔记与代码](#3.7.6 笔记与代码)

[3.7.6.1 笔记](#3.7.6.1 笔记)

[3.7.6.2 12_src_全局事件总线](#3.7.6.2 12_src_全局事件总线)

[3.7.6.3 13_src_TodoList_事件总线](#3.7.6.3 13_src_TodoList_事件总线)

[3.8 消息订阅与发布](#3.8 消息订阅与发布)

[3.8.1 理解](#3.8.1 理解)

[3.8.2 使用PubSubJS](#3.8.2 使用PubSubJS)

[3.8.3 笔记与代码](#3.8.3 笔记与代码)

[3.8.3.1 笔记](#3.8.3.1 笔记)

[3.8.3.2 14_src_消息订阅与发布](#3.8.3.2 14_src_消息订阅与发布)

[3.8.3.3 15_src_TodoList_pubsub](#3.8.3.3 15_src_TodoList_pubsub)

[3.8.3.4 16_src_TodoList_nextTick(编辑功能)](#3.8.3.4 16_src_TodoList_nextTick(编辑功能))

[3.9 过度与动画](#3.9 过度与动画)

[3.9.1 效果](#3.9.1 效果)

[3.9.2 vue动画的理解](#3.9.2 vue动画的理解)

[3.9.3 基本过渡动画的编码](#3.9.3 基本过渡动画的编码)

[3.9.4 笔记与代码](#3.9.4 笔记与代码)

[3.9.4.1 笔记](#3.9.4.1 笔记)

[3.9.4.2 17_src_过度与动画](#3.9.4.2 17_src_过度与动画)

[3.9.4.3 18_src_TodoList_动画](#3.9.4.3 18_src_TodoList_动画)


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_动画

相关推荐
Boilermaker199228 分钟前
【Java EE】SpringIoC
前端·数据库·spring
中微子39 分钟前
JavaScript 防抖与节流:从原理到实践的完整指南
前端·javascript
天天向上10241 小时前
Vue 配置打包后可编辑的变量
前端·javascript·vue.js
芬兰y1 小时前
VUE 带有搜索功能的穿梭框(简单demo)
前端·javascript·vue.js
好果不榨汁1 小时前
qiankun 路由选择不同模式如何书写不同的配置
前端·vue.js
小蜜蜂dry1 小时前
Fetch 笔记
前端·javascript
拾光拾趣录1 小时前
列表分页中的快速翻页竞态问题
前端·javascript
小old弟1 小时前
vue3,你看setup设计详解,也是个人才
前端
Lefan1 小时前
一文了解什么是Dart
前端·flutter·dart
Patrick_Wilson1 小时前
青苔漫染待客迟
前端·设计模式·架构