Vue2.0
是散装知识点喽「vue2」
小巨要做一个很棒的人
学习赚小钱钱啦~然后出去玩儿。只是笔记记录而已~
展开
-
Vue----路由守卫
作用:对路由进行权限控制。原创 2023-08-07 10:03:04 · 64 阅读 · 0 评论 -
Vue-------Vuex
vuex 小笔记原创 2023-08-18 16:00:04 · 47 阅读 · 0 评论 -
Vue封装的过渡与动画
【代码】Vue封装的过渡与动画。原创 2023-07-31 09:40:08 · 83 阅读 · 0 评论 -
vue---消息订阅与发布(pubsub)
接收数据:A组件想接收数据,则在A组件中订阅消息,订阅的回调留在A组件自身。引入:import pubsub from 'pubsub-js'提供数据:pubsub.publish('xxx',数据)安装pubsub:npm i pubsub-js。一种组件间通信的方式,适用于任意组件间通信。原创 2023-12-01 20:58:49 · 236 阅读 · 0 评论 -
Vue---组件之间通信
父组件:原创 2023-07-27 17:33:59 · 58 阅读 · 0 评论 -
组件自定义事件
要么配置在methods中,要么用箭头函数。this.$emit ('a',数据),否则this指向会出问题。绑定自定义事件时,回调。原创 2023-07-27 17:34:35 · 40 阅读 · 0 评论 -
Vue——ref、props配置项、mixin(混入)、插件、scoped
获取:this.$ref.imgs。原创 2023-07-25 09:08:48 · 57 阅读 · 0 评论 -
Vue ——Vue Cli脚手架
vue脚手架隐藏了所有webpack相关的配置,若想查看具体的webpack配置,执行 vue inspect >output.js。原创 2023-07-25 09:02:52 · 62 阅读 · 0 评论 -
分析VueComponent与Vue的关系 以及 原型
原型:显示原型属性和隐式原型属性,他们都指向了一个对象,这个对象就叫原型对象。 实例的隐式原型属性永远指向自己的缔造者的原型对象。 原型链的核心就是依赖对象的_proto_的指向,当自身不存在的属性时,就一层层的扒出创建对象的构造函数,直至到 Object 时,就没有 _proto_指向了。 Object.__proto__ == null(两个下划线哦)分析VueComponent与Vue的关系:VueComponent.prototype.__proto__ ===Vue.__p原创 2023-07-24 11:08:04 · 106 阅读 · 0 评论 -
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 · 143 阅读 · 0 评论 -
Vue -- 生命周期
在挂载完成后发生,此时真实的Dom挂载完毕,数据完成双向绑定,可以访问到、Dom节点,使用$refs属性对Dom进行操作。有this,但此时data、methods、computed以及watch上的数据和方法还未初始化,都不能被访问。生命周期:从开始创建、初始化数据、编译模版、挂载Dom -> 渲染、更新 -> 渲染、卸载 等⼀系列过程。:此时的data 和 methods 都已经被初始化,但是没有$el,dom节点。会执行多次 数据更新 dom节点没有更新。会执行多次 数据更新,dom节点也更新。原创 2024-04-14 15:22:06 · 661 阅读 · 0 评论 -
Vue -- 自定义指令
Vue.directives(指令名,配置对象) 或者 Vue.directives(指令名,回调函数)directives:{指令名:配置对象}原创 2023-07-20 10:34:32 · 39 阅读 · 0 评论 -
Vue -- 事件修饰符
.prevent:阻止默认事件。 .stop:阻止事件冒泡。 .once:事件只触发一次。 .capture:使用事件的捕获模式。 .self:只有event.target是当前操作的元素时才触发事件。 .passive:事件的默认行为立即执行,无需等待事件回调执行完毕。原创 2023-07-20 10:14:04 · 48 阅读 · 0 评论 -
Vue收集表单数据
number:输入字符串转为有效的数字 v-model.number。lazy:失去焦点再收集数据。trim:输入首尾空格过滤。原创 2023-07-14 16:23:27 · 42 阅读 · 0 评论 -
vue数据监测
Vue.set()和vm.$set() 不能给vm或vm的根数据对象(data等)添加属性。原创 2023-07-14 15:28:40 · 69 阅读 · 0 评论 -
Vue--key的作用
key是虚拟DOM对象的标识,当状态中数据发生变化时,vue会根据新数据生成新的虚拟DOM。随后进行新老虚拟DOM 的比较。原创 2023-07-13 10:18:46 · 44 阅读 · 0 评论 -
v-if 与 v-show
v-if控制元素的显示与隐藏。 创建一个dom。 使用场景🎬:初次加载 v-if要比v-show好,页面不会多加载div。v-show控制元素的显示与隐藏。 display:none; 使用场景🎬:频繁切换 v-show会比v-if好,v-if会频繁操作dom,影响性能。原创 2023-06-25 15:40:31 · 48 阅读 · 0 评论 -
_Object.defineProperty 与 数据代理
数据代理:通过一个对象代理对另一个对象中属性的操作(get、set)原创 2023-06-23 22:18:18 · 63 阅读 · 0 评论 -
MVVM 模型
VM:视图模型(ViewModel) Vue实例对象。M:模型(model) 对应data中的数据。V:视图(view) 代码里面的模板。原创 2023-06-23 13:45:18 · 58 阅读 · 0 评论 -
vue的指令语法
用于展示数据列表【可遍历数组、对象、字符串、指定次数】。v-html有安全性问题。原创 2023-07-20 10:08:54 · 50 阅读 · 0 评论