- 博客(6)
- 收藏
- 关注
原创 vue2生态之vue-router
在组件里可以单独的设置守卫,与methods,created等方法平级。路由进入守卫beforeRouteEnter,和路由离开守卫beforeRouteLeave。缓存的路由组件,在路由进入后,被激活触发生命周期activated。在跳转走后,不会被销毁,是失活状态,触发生命周期deactivated。在router/index.js中,设置全局前置守卫和全局后置守卫。但是这样的普通对象,里面的key和value都是固定的了,不灵活。这样的写法的好处是,params和query参数,都可以传递。
2024-08-21 15:44:13
602
原创 vue2系列2-常用指令,组件通信,插槽,事件、计算属性和监听器
计算属性如果有依赖其他数据比如A,数据A变了,计算属性会getter会自动执行。v-cloak:样式[v-cloak]:display:none,可以隐藏未解析的模版。v-html:替换节点的html内容包括文本,实际chrom中,为了安全不可以用。v-once:只解析动态模版一次,数据在变化,不会再次解析模版,用于优化性能。v-else-if :与v-if配合使用。v-else :必须与v-if配合使用。v-for 的优先级比 v-if 更高。v-text:替换节点的文本内容。v-for: 循环数组。
2024-08-08 14:32:31
349
原创 vue2系列1-mvvm,生命周期,响应式原理,数组数据响应式,nextTick
如果没有第二步数据代理,在用到数据时要写成this._data.xxx,为了方便使用,vue对_data里的每一个key,利用Object.defineProperty里的get和set函数,进行了数据代理,这样使用的是this.x即可。在vue中,v是view视图展示在浏览器中,m是model数据在data对象中,vm是vue的实例对象,用来链接view和model。vue实例vm,是一个桥梁把数据和视图链接起来,绑定数据展示在页面里,监听页面的Dom属性的变化,同时修改data的值,实现双向数据绑定。
2024-07-28 17:03:30
448
原创 小程序系列1-小程序和页面的生命周期
热启动就是小程序打开后,如果手机屏幕锁屏或者手机界面打开了别的软件,小程序进入后台,再次打开小程序,就是热启动。onHide() 页面进入隐藏 比如页面跳转了,当前页面没有关闭或者页面从前台进入后台。如果页面没有关闭,比如页面跳转执行onHide()又会返回时执行onShow()小程序进入后台后5s会被挂起,30分钟后依旧没有再次打开小程序小程序会自动销毁。onLoad() onReady() onUnload()只执行一次。onShow(): 页面开始展示或者页面从后台进入前台。配置在每个页面js里。
2024-07-23 12:09:19
319
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人