2021年11月15日

vue学习---生命周期详解

摘要：常用的生命周期钩子： 1.mounted: 发送ajax请求、启动定时器、绑定自定义事件、订阅消息等【初始化操作】。 2.beforeDestroy: 清除定时器、解绑自定义事件、取消订阅消息等【收尾工作】。关于销毁Vue实例 1.销毁后借助Vue开发者工具看不到任何信息。 2.销毁后自定义事件会阅读全文

posted @ 2021-11-15 20:00 leiyanting 阅读(60) 评论(0) 推荐(0)

vue学习---初识生命周期钩子(mounted挂载完毕钩子)

摘要：生命周期： 1.又名：生命周期回调函数、生命周期函数、生命周期钩子。 2.是什么：Vue在关键时刻帮我们调用的一些特殊名称的函数。 3.生命周期函数的名字不可更改，但函数的具体内容是程序员根据需求编写的。 4.生命周期函数中的this指向是vm 或组件实例对象。 <!DOCTYPE html> < 阅读全文

posted @ 2021-11-15 18:48 leiyanting 阅读(303) 评论(0) 推荐(0)

vue学习---自定义指令总结(配置对象中常用的3个回调与指令名命名方式)

摘要：自定义指令总结：一、定义语法： (1).局部指令： new Vue({ new Vue({ directives:{指令名:配置对象} 或 directives{指令名:回调函数} }) }) (2).全局指令： Vue.directive(指令名,配置对象) 或 Vue.directive(指令阅读全文

posted @ 2021-11-15 09:51 leiyanting 阅读(396) 评论(0) 推荐(0)

vue学习---v-pre指令(跳过其所在节点的编译过程)

摘要： v-pre指令： 1.跳过其所在节点的编译过程。 2.可利用它跳过：没有使用指令语法、没有使用插值语法的节点，会加快编译。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>v-pre指令</title> <!-- 引入Vue 阅读全文

posted @ 2021-11-15 08:18 leiyanting 阅读(260) 评论(0) 推荐(0)

vue学习--- v-once指令(初次动态渲染后，就视为静态内容)

摘要： v-once指令： 1.v-once所在节点在初次动态渲染后，就视为静态内容了。 2.以后数据的改变不会引起v-once所在结构的更新，可以用于优化性能。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>v-once指令</ 阅读全文

posted @ 2021-11-15 08:13 leiyanting 阅读(129) 评论(0) 推荐(0)

vue学习---v-cloak指令(解决网速慢时页面展示出{{xxx}}的问题)

摘要： v-cloak指令（没有值）： 1.本质是一个特殊属性，Vue实例创建完毕并接管容器后，会删掉v-cloak属性。 2.使用css配合v-cloak可以解决网速慢时页面展示出{{xxx}}的问题。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" 阅读全文

posted @ 2021-11-15 08:02 leiyanting 阅读(191) 评论(0) 推荐(0)

vue学习---v-html指令与安全问题

摘要： v-html指令： 1.作用：向指定节点中渲染包含html结构的内容。 2.与插值语法的区别： (1).v-html会替换掉节点中所有的内容，{{xx}}则不会。 (2).v-html可以识别html结构。 3.严重注意：v-html有安全性问题！！！！ (1).在网站上动态渲染任意HTML是非常危阅读全文

posted @ 2021-11-15 07:32 leiyanting 阅读(1186) 评论(0) 推荐(0)

导航

2021年11月15日