uni-app
姚华军
这个作者很懒,什么都没留下…
展开
-
uni-app,使用ref调用子组件内容
访问子组件实例或者子元素,通过ref为子组件赋予一个ID引用,在vue的js可通过this.$refs.xxx来获取到组件对象。1、子组件<template> <view> <input :v-model="message" type="text" placeholder="请输入内容"/> </view></template><script> export default { name: "base-input原创 2021-10-09 17:59:26 · 4235 阅读 · 0 评论 -
VueX中,使用Getters对数据进行缓存
Getters可以认为是store的计算属性,对state的加工,是派生出来的数据。就像computed计算属性一样,getter返回的值会根据他的依赖被缓存起来,且只有当它的依赖值发生改变才会被重新计算。可以在多组件中共享getters函数,这样做还可以提高运行效率。在uni-app项目目录下,store目录index.js文件下:import Vue from 'vue'import VueX from 'vuex'Vue.use(VueX)const store = new VueX原创 2021-10-09 16:29:57 · 1709 阅读 · 0 评论 -
uni-app下,通过maState辅助函数获取内容
当一个组件需要获取多个状态的时候,将这些状态都声明为计算属性会有些重复和冗余。为了解决这个问题,我们可以使用mapState辅助函数帮助我们生成计算属性,让你少按几次键:/store/index.jsimport Vue from 'vue'import VueX from 'vuex'Vue.use(VueX)const store = new VueX.Store({ state:{ "username": "foo", "age": 18 }})export defaul原创 2021-10-09 14:38:14 · 856 阅读 · 0 评论 -
uni-app下,VueX的两种使用方法
VueX通过store选项,提供一种机制将状态从根组件“注入”到每一个子组件(需调用Vue.use(VueX))store/index.jsimport Vue from 'vue'import VueX from 'vuex'Vue.use(VueX)const store = new VueX.Store({ state:{ "username": "foo", "age": 18 }})export default store方法一:通过属性访问组件中<te原创 2021-10-09 14:02:40 · 665 阅读 · 0 评论