随笔分类 -  尚硅谷Vue全家桶学习笔记

1 2 3 4 下一页
38-Vue脚手架-过渡与动画（使用过渡与动画优化TodoList案例）
摘要：Vue封装的过渡与动画 在插入、更新或移除 DOM 元素时，在合适的时候给元素添加样式类名 transition 讲解 transition 是 vue 内置的一个组件，我们可以直接使用。 <transition> 元素作为单个元素 / 组件的过渡效果。<transition> 只会把过渡效果应用到 阅读全文
posted @ 2023-11-08 16:46 马铃薯1 阅读(178) 评论(0) 推荐(0)
37-Vue脚手架-nextTick（使用nextTick优化TodoList案例）
摘要：this.$nextTick（十分常用的功能） 语法：this.$nextTick(回调函数) 作用：在下一次 DOM 更新结束后执行其指定的回调 什么时候用：当改变数据后，要基于更新后的新DOM进行某些操作时，要在nextTick所指定的回调函数中执行 案例：使用 $nextTick 优化 Tod 阅读全文
posted @ 2023-11-08 09:12 马铃薯1 阅读(82) 评论(0) 推荐(0)
36-Vue脚手架-消息订阅与发布（使用消息订阅与发布优化Todo-List案例）
摘要：通过生活中报纸的订阅与发布，引出本节内容：消息订阅与发布 报纸订阅与发布 1）订阅报纸：住址 2）邮递员送报纸：报纸 消息订阅与发布 1）订阅消息：消息名 2）发布消息：消息内容 上述App中，组件C中的数据想要传递给组件A（A是接收数据的，C是提供数据的），在A中订阅一个消息，消息名为demo，回 阅读全文
posted @ 2023-11-07 15:46 马铃薯1 阅读(103) 评论(0) 推荐(0)
35-Vue脚手架-全局事件总线（使用全局事件总线优化Todo-List案例）
摘要：全局事件总线（GlobalEventBus） 1. 一种组件间通信的方式，适用于任意组件间通信 2. 安装全局事件总线 new Vue({ ... // 生命周期 beforeCreate 这时vue还未解析模板，初始化的数据监测、数据代理还未开始 beforeCreate() { // 安装全局事 阅读全文
posted @ 2023-11-02 17:41 马铃薯1 阅读(169) 评论(0) 推荐(0)
34-Vue脚手架-组件的自定义事件（使用自定义事件优化Todo-List案例）
摘要：组件的自定义事件 1.一种组件间通信的方式，适用于 子组件 > 父组件（这里也可以使用 props 传递数据进行实现） 2.使用场景：A是父组件，B是子组件，B想给A传数据，那么就要在A中给B绑定自定义事件（事件的回调在A中） 3.绑定自定义事件： 1）第一种方式，在父组件中 <!--通过父组件给子 阅读全文
posted @ 2023-10-30 17:57 马铃薯1 阅读(116) 评论(0) 推荐(0)
33-Vue脚手架-浏览器本地存储（使用本地存储优化Todo-List案例）
摘要：什么是网络存储 在HTML5之前，开发人员一般是通过使用Cookie在客户端保存一些简单的信息的。 在HTML5发布后，提供了一种新的客户端本地保存数据的方法，那就是Web Storage，存储内容大小一般支持5MB左右（不同浏览器可能还不一样），它允许 Web 应用程序在用户浏览器中实现本地存储机 阅读全文
posted @ 2023-10-30 11:55 马铃薯1 阅读(120) 评论(0) 推荐(0)
32-Vue脚手架-Todo-list 案例
摘要：Todo-list 案例 组件化编码流程（通用） 1.拆分静态组件：组件要按照功能点拆分，命名不要与html元素冲突，如下所示 2.实现动态组件：要考虑好数据的存放位置，数据是要一个组件在用，还是一些组件在用 一个组件在用：放在组件自身即可 一些组件在用：放在他们共同的父组件上 3.实现交互：从绑定 阅读全文
posted @ 2023-10-28 11:59 马铃薯1 阅读(170) 评论(0) 推荐(0)
31-Vue脚手架-scoped样式
摘要：我们先思考一个问题，如果对School 和 Student应用样式的话，一般是使用如下方式： src/components/School.vue <template> <div class="demo"> <h2>学校名称：{{name}}</h2> <h2>学校地址：{{address}}</h2 阅读全文
posted @ 2023-10-27 09:41 马铃薯1 阅读(47) 评论(0) 推荐(0)
30-Vue脚手架-plugin插件
摘要：plugin插件 功能：用于增强Vue 本质：包含install方法的一个对象，install的第一个参数是Vue，第二个以后的参数是插件使用者传递的数据。 src/plugins.js（定义插件） // 定义插件(默认暴露) export default { install(Vue){ conso 阅读全文
posted @ 2023-10-27 09:19 马铃薯1 阅读(90) 评论(0) 推荐(0)
29-Vue脚手架-mixin 混入
摘要：mixin 混入 功能：可以把多个组件共用的配置提取成一个混入对象 使用混合： 1）第一步，定义混入 新建一个JS文件，比如mixin.js src/mixin.js // 分别暴露 export const hunhe1 = { methods:{ showName(){ alert(this.n 阅读全文
posted @ 2023-10-25 14:54 马铃薯1 阅读(60) 评论(0) 推荐(0)

1 2 3 4 下一页