- 博客(7)
- 收藏
- 关注
RSS订阅原创 vue2生态之vuex
mapMutations写法无法传递参数，不写参数，默认传参就是e当前元素。所以在模版click事件里改为传参。新建store文件夹，里面新建index.js。app.vue中直接写bigCount就可以。在app.vue中直接写count就可以。vue2用的是vuex3。
2024-08-29 16:24:47
336
原创 vue2生态之vue-router
在组件里可以单独的设置守卫，与methods，created等方法平级。路由进入守卫beforeRouteEnter，和路由离开守卫beforeRouteLeave。缓存的路由组件，在路由进入后，被激活触发生命周期activated。在跳转走后，不会被销毁，是失活状态，触发生命周期deactivated。在router/index.js中，设置全局前置守卫和全局后置守卫。但是这样的普通对象，里面的key和value都是固定的了，不灵活。这样的写法的好处是，params和query参数，都可以传递。
2024-08-21 15:44:13
1699
原创 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
472
原创 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
1054
1原创 小程序系列1-小程序和页面的生命周期
热启动就是小程序打开后，如果手机屏幕锁屏或者手机界面打开了别的软件，小程序进入后台，再次打开小程序，就是热启动。onHide() 页面进入隐藏 比如页面跳转了，当前页面没有关闭或者页面从前台进入后台。如果页面没有关闭，比如页面跳转执行onHide()又会返回时执行onShow()小程序进入后台后5s会被挂起，30分钟后依旧没有再次打开小程序小程序会自动销毁。onLoad() onReady() onUnload()只执行一次。onShow(): 页面开始展示或者页面从后台进入前台。配置在每个页面js里。
2024-07-23 12:09:19
471
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人