效果图： 1. 添加无搜索历史内容及样式 2. input传值给home-search 2.1 navbar 传值 2.2 home-search 接收 3. vuex的使用 3.1 创建目录 store，引入vuex实例 3.2 main.js中注册 3.3 页面调用 historyLists 3 ...
分类：
其他好文 时间：
2020-08-13 12:28:45
阅读次数：
58
vuex 作用：实现全局数据共享 使用： 安装 Vuex npm install vuex --save 注册到vue项目 import Vue from 'vue' import App from './App' import router from './router' import store ...
分类：
其他好文 时间：
2020-08-05 23:27:23
阅读次数：
92
使用Vuex管理应用状态 1.引入背景 如之前 导航菜单收缩和展开功能，组件封装后，状态分开了。 现在需要一个共享组件来做数据同步状态， Vuex 很好的解决了这个需求（ps：有句话叫不要专门为了 Vuex 而用 Vuex - - 慢慢品了只能0 0） 2.安装 https://vuex.vuejs ...
分类：
其他好文 时间：
2020-08-02 23:36:22
阅读次数：
93
Vuex原理解析 Vuex是基于Vue的响应式原理基础，所以无法拿出来单独使用，必须在Vue的基础之上使用。 1.Vuex使用相关解析 main.js 1 import store form './store' // 引入一个store文件 2 ? 3 new Vue({ 4 // 在Vue初始化的 ...
分类：
其他好文 时间：
2020-07-27 23:45:57
阅读次数：
68
问题一：什么是vuex？ 回答：Vuex 是一个专为 Vue.js 应用程序开发的状态管理器，采用 集中式存储 管理应用的所有组件的状态。 每一个 Vuex 应用的核心就是 store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分的状态 (state)。 Vuex 和单纯的全局 ...
分类：
其他好文 时间：
2020-07-26 01:04:30
阅读次数：
100
前言 vue通信手段有很多种，props/emit、vuex、event bus、provide/inject 等。还有一种通信方式，那就是 $attrs 和 $listeners，之前早就听说这两个api，趁着有空来补补。这种方式挺优雅，使用起来也不赖。下面例子都会通过父、子、孙子，三者的关系来说 ...
分类：
其他好文 时间：
2020-07-26 00:35:59
阅读次数：
70
Vuex是什么Vuex是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件自检数据的共享 使用Vuex统一管理状态(数据)的好处①能够在vuex中集中管理共享数据,易于开发和后期维护②能够高效的实现组件之间的数据共享,提高开发效率③存储在vuex中的数据都是响应式的,能够实现保存数据与页面的 ...
分类：
其他好文 时间：
2020-07-24 21:49:22
阅读次数：
71
mapState把Store中的state映射到组件中的计算属性 Store文件 import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new Vuex.Store({ state: { msg: 'He ...
分类：
其他好文 时间：
2020-07-24 09:41:52
阅读次数：
65
getter相当于Vuex中的计算属性 对 state 做处理再返回 mapGetters 把 Store 中的 getters 映射到组件中的计算属性中 Store文件 import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) expo ...
分类：
其他好文 时间：
2020-07-24 09:32:17
阅读次数：
89
初始化vue项目 ####1.使用命令到ui界面 vue ui ####2.创建项目 (1)点击Create （2）在详情页写好项目名称，下一步 （3）手动，下一步 （4）设置项目组件如babel,router,vuex,linter,使用各自配置 （5）配置相关信息，选择标准检查规范，下一步 (6 ...
分类：
其他好文 时间：
2020-07-20 13:34:31
阅读次数：
173
