- 博客(50)
- 收藏
- 关注
原创 Vue -- 生命周期
在挂载完成后发生,此时真实的Dom挂载完毕,数据完成双向绑定,可以访问到、Dom节点,使用$refs属性对Dom进行操作。有this,但此时data、methods、computed以及watch上的数据和方法还未初始化,都不能被访问。生命周期:从开始创建、初始化数据、编译模版、挂载Dom -> 渲染、更新 -> 渲染、卸载 等⼀系列过程。:此时的data 和 methods 都已经被初始化,但是没有$el,dom节点。会执行多次 数据更新 dom节点没有更新。会执行多次 数据更新,dom节点也更新。
2024-04-14 15:22:06
629
原创 【小程序】02-项目的基本组成
pages:用来存放所有小程序的页面 utils:用来存放工具性质的模块(例如:格式化时间的自定义模块) app.js:小程序项目的入口文件 app.json:小程序项目的全局配置文件 app.wxss:小程序项目的全局像是文件 project.config.json:项目的配置文件 sitemap.json:用来配置小程序及其页面是否被微信索引小程序页面的组成部分.js文件:页面的脚本文件,存放页面的数据、事件处理函数等 .json文件:当前页面的配置文件,配置窗口的外观、表现等
2023-12-04 20:04:20
69
原创 vue---消息订阅与发布(pubsub)
接收数据:A组件想接收数据,则在A组件中订阅消息,订阅的回调留在A组件自身。引入:import pubsub from 'pubsub-js'提供数据:pubsub.publish('xxx',数据)安装pubsub:npm i pubsub-js。一种组件间通信的方式,适用于任意组件间通信。
2023-12-01 20:58:49
213
原创 Vue3 --- reactive函数
看看reactive 是个啥(直接是ref .value 的东西)reactive 定义的响应式数据是“深层次的”(处理对象问题上是深层次的)
2023-08-09 18:09:40
54
原创 组件自定义事件
要么配置在methods中,要么用箭头函数。this.$emit ('a',数据),否则this指向会出问题。绑定自定义事件时,回调。
2023-07-27 17:34:35
28
原创 Vue ——Vue Cli脚手架
vue脚手架隐藏了所有webpack相关的配置,若想查看具体的webpack配置,执行 vue inspect >output.js。
2023-07-25 09:02:52
42
原创 分析VueComponent与Vue的关系 以及 原型
原型:显示原型属性和隐式原型属性,他们都指向了一个对象,这个对象就叫原型对象。 实例的隐式原型属性永远指向自己的缔造者的原型对象。 原型链的核心就是依赖对象的_proto_的指向,当自身不存在的属性时,就一层层的扒出创建对象的构造函数,直至到 Object 时,就没有 _proto_指向了。 Object.__proto__ == null(两个下划线哦)分析VueComponent与Vue的关系:VueComponent.prototype.__proto__ ===Vue.__p
2023-07-24 11:08:04
64
原创 Vue— — VueCpompont
school 组件本质是一个名为VueCpompont的构造函数,且不是程序员定义的,是Vue.extend 生成的。 我们只需要写<school/>或者<school></school>,Vue 解析时会帮我们创建school组件的实例对象,即Vue帮我们执行的:newVueCpompont(options) 每次调用Vue.extend,返回的都是一个全新的VueCpompont 关于this 组件配置中:data函数、methods中的函数、watch中
2023-07-24 09:50:46
96
原创 Vue -- 自定义指令
Vue.directives(指令名,配置对象) 或者 Vue.directives(指令名,回调函数)directives:{指令名:配置对象}
2023-07-20 10:34:32
25
原创 Vue -- 事件修饰符
.prevent:阻止默认事件。 .stop:阻止事件冒泡。 .once:事件只触发一次。 .capture:使用事件的捕获模式。 .self:只有event.target是当前操作的元素时才触发事件。 .passive:事件的默认行为立即执行,无需等待事件回调执行完毕。
2023-07-20 10:14:04
33
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人