随笔分类 -  Vue

摘要:// 使用辅助函数前必须导入import { mapState , mapGetters, mapMutations, mapActions } from 'vuex'; (1) vuex 中 state 定义的数据 state: { msg: 'vuex中的数据' } 使用方法: 在组件(comp 阅读全文
posted @ 2020-11-24 20:45 Amerys 阅读(3768) 评论(0) 推荐(1)
摘要:代码演示: 首先,我们假设state有以下数据 //类似组件data, 定义组件公共数据 state: { book: 'jQuery', }, 然后我们要在组价中修改book, 现在mutations中定义修改的方法 //类似组件methods, 定义修改state的方法 mutations: { 阅读全文
posted @ 2020-11-24 20:10 Amerys 阅读(4370) 评论(0) 推荐(1)
摘要:最近学习Vue的过程中,项目完成后打包成一个app,就此记录一下学习过程。 本例使用的是Vue项目 准备工作 1.打包前的工作: vue-cli4 打包 1、删除路由的hisotry模式 2、保证vue项目没有任何vue抛出的警告或者错误 3、去除所有console.log()语句 (全局搜索用正则 阅读全文
posted @ 2020-11-19 20:36 Amerys 阅读(1855) 评论(0) 推荐(0)
摘要:mapMutations是vuex的mutation的辅助函数,用于在组件中映射mutation内的方法,以便在该组件中直接使用mutation里的方法 (说白了,就是一语法糖) 1.在组件中导入vuex中的mapMutations: import { mapMutations } from 'vu 阅读全文
posted @ 2020-11-17 17:15 Amerys 阅读(261) 评论(0) 推荐(0)
摘要:首先介绍一下什么叫单项数据流? 我们都知道在Vue中组件之间是单项数据流的,规定子组件不可以直接访问父组件的数据,只能通过props属性让父组件把数据传递给子组件。并且子组件不可以直接修改父组件传递给子组件的数据。(props是只读的) 有了大概了解之后直接上代码看看怎么使用。 1 <div id= 阅读全文
posted @ 2020-09-09 19:52 Amerys 阅读(1201) 评论(0) 推荐(0)