Vue——day04

最新推荐文章于 2024-05-14 16:27:26 发布

夜斗￥

最新推荐文章于 2024-05-14 16:27:26 发布

阅读量79

点赞数

文章标签： vue.js javascript 前端

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/m0_61126125/article/details/130341487

版权

todoList案例

安装nanoid: npm i nanoid
将页面模块化，进行分布开发

添加

在这里插入图片描述

勾选

在这里插入图片描述

删除

在这里插入图片描述

编辑

在这里插入图片描述

底部统计

在这里插入图片描述

总结

在这里插入图片描述

本地存储

在这里插入图片描述

会话存储

在这里插入图片描述

组件自定义事件

绑定

在这里插入图片描述

利用ref挂载

在这里插入图片描述

解绑

在这里插入图片描述

总结

在这里插入图片描述

全局事件总线

在这里插入图片描述
多次调用数据放Vue原型对象上

消息订阅和发布

在这里插入图片描述

$nextTick

在这里插入图片描述 # 动画效果

过渡效果

在这里插入图片描述
多个元素

总结过度和动画

在这里插入图片描述

配置代理

在这里插入图片描述

方式二：

Vue-resource

在这里插入图片描述

使用插件后会多一个http方法

插槽

默认插槽

在这里插入图片描述

在子组件内为后续插入内容留好位置，等待父组件传入内容展示

具名插槽

在这里插入图片描述

作用域插槽

在这里插入图片描述

总结

在这里插入图片描述

Vuex

对组件进行集成管理
在这里插入图片描述

工作原理图

在这里插入图片描述

搭建环境

在这里插入图片描述

求和案例

vue版

在这里插入图片描述

vuex版

在这里插入图片描述

gitters配置项

在这里插入图片描述

mapState和mapGetters

方法和对象不推荐
数组;
在这里插入图片描述

mapActions和mapMutations

在这里插入图片描述

vuex模块化+namespace

在多模块开发中使用最多
在这里插入图片描述

路由——router

简介

在这里插入图片描述

基本使用

在这里插入图片描述

几个注意点

在这里插入图片描述

嵌套路由

在这里插入图片描述

路由传参

query

在这里插入图片描述

params

在这里插入图片描述

命名路由

在这里插入图片描述

props配置

在这里插入图片描述

router-link中的replace属性

在这里插入图片描述

编程式路由导航

在这里插入图片描述

缓存路由组件

在这里插入图片描述
include中填写需要激活的组件

两个新的生命周期钩子

在这里插入图片描述

全局前置——路由守卫

在这里插入图片描述

独享路由守卫

在这里插入图片描述

组件内路由守卫

在这里插入图片描述

history和hash模式

在这里插入图片描述

UI组件库

在这里插入图片描述
Vue2.0更新完毕

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Vue——day04

多次调用数据放Vue原型对象上对组件进行集成管理include中填写需要激活的组件。
复制链接

扫一扫

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。