Vue
文章平均质量分 67
web Rookie
这个作者很懒,什么都没留下…
展开
-
Vue3生命周期
每个vue实例在被创建都要经历一系列初始化的过程在这个过程中会运行一些叫做生命周期钩子的函数使用户可以在页面中不同的阶段执行代码原创 2024-06-02 18:38:55 · 398 阅读 · 0 评论 -
vue 行内样式写法总结
本文总结了,vue中行内样式常用写法原创 2023-04-25 21:18:02 · 1216 阅读 · 0 评论 -
Vue2的双向数据绑定的原理/响应式
Vue是一个MVVM框架,即数据双向绑定,Vue的双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的。其原理是利用了ES5的Object.defineProperty()方法,实现了对数据的监听。基本原理是将数据对象data的每个属性都转化为getter/setter,通过setter来监控数据的变化,在数据发生变化时触发对应的页面元素更新。原创 2023-05-31 23:13:20 · 61 阅读 · 0 评论 -
发布者-订阅者模式是什么
发布者-订阅者是一种一对多的关系,让多个订阅者对象同时监听一个发布者,当发布者状态改变时就会通知事件调度中心,由事件调度中心通知所有订阅自己的订阅者原创 2023-05-30 19:49:08 · 301 阅读 · 0 评论 -
VueX总结
傻子看了都会的总结,Vuex是实现组件全局状态(数据)管理的一种机制,可以方便实现组件之间的数据共享提示以下是本篇文章正文内容,下面案例可供参考Vuex后续继续总结。原创 2022-07-25 22:40:23 · 201 阅读 · 0 评论 -
Vue路由守卫总结
vue-router提供的导航守卫主要用来通过跳转或者取消的方式守卫路由. 也就是路由拦截..可以通过路由守卫,来判断用户是否登录,该页面用户是否有访问该页面权限.路由守卫分为全局路由守卫,组件路由守卫,独享路由守卫......原创 2022-07-23 12:24:12 · 1831 阅读 · 0 评论 -
vue动态组件和keep-alive的使用
动态组件和keep-alive使用; 使用场景想要实现点击button按钮实现tab栏切换页面效果时,可以通过如下两种方式第一个是使用v-if/v-show进行判断这样过于麻烦第二个使用动态组件进行切换提示以下是本篇文章正文内容,下面案例可供参考。...原创 2022-07-22 08:49:23 · 175 阅读 · 0 评论 -
Vue组件传值(props属性,父到子,子到父,兄弟传值)
Vue props是什么,父传子,子传父,兄弟组件传值,Vue是数据驱动视图更新的框架,平时写业务时,都会把页面不同模块拆分成一个一个vue组件,所以对于vue来说组件间的数据通信非常重要提示以下是本篇文章正文内容,下面案例可供参考父传值子通过props实现子传父通过emit自定义事件实现兄弟传值通过eventBus实现目前暂时总结三种常用的组件传值方法httpshttpshttps。...原创 2022-07-21 22:02:30 · 10643 阅读 · 0 评论 -
Vue中的三种插槽
插槽就是子组件中的提供给父组件使用的一个占位符,用`` 表示,父组件可以在这个占位符中填充任何模板代码,这些模板代码都会替换子组件的``标签。简单理解就是子组件给父组件的内容留了地方,父组件代码可以填写到子组件里面...原创 2022-07-18 23:03:15 · 1169 阅读 · 0 评论 -
vue2生命周期
Vue2.0生命周期总结原创 2022-07-17 21:53:37 · 290 阅读 · 0 评论