随笔分类 -  Vue

Vue中使用observable进行一些简单场景的状态管理
摘要：在非父子组件通信时，可以使用通常的bus或者使用vuex，但是实现的功能不是太复杂，而使用上面两个又有点繁琐。这是，observable就是一个很好的选择 observable 官方定义是让一个对象可响应。Vue内部会用他来处理data函数返回的对象。 返回的对象可以直接用于渲染函数和计算属性内，并 阅读全文
posted @ 2020-07-01 10:37 luckiest 阅读(504) 评论(0) 推荐(0)
vue中data值改变但页面视图不刷新问题
摘要：问题的说明与解决 说明 问题就在于vue页面视图的不更新 在这里要注意一点，根据官方描述所得：当vue的data里面声明或者已经赋值过的对象或数组（包含对象值），向对象里面添加新的属性和更新这个新属性的值，页面视图是不会更新的。 解决 要想更新数据的时候视图也更新，可以使用 $set 或者 Obje 阅读全文
posted @ 2020-06-30 19:02 luckiest 阅读(1752) 评论(0) 推荐(0)
vuex的使用，vuex数据调用，映射方法mapState、mapActions、mapGetters、mapMutations的使用
摘要：vuex的相关使用 mapState,mapActions,mapGetters,mapMutations vuex中数据的调用 import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new Vuex.S 阅读全文
posted @ 2020-04-16 18:52 luckiest 阅读(1588) 评论(0) 推荐(0)
vue项目搭建、router配置、vuex配置
摘要：1. 安装router 2. 配置router 在src文件夹下新建router文件夹 index.js 在src router index.js中配置 第三步：状态管理(vuex)的安装与配置 1. 安装vuex 2. vuex的介绍 State：单一状态树，用来存储数据，和vue中的data有着 阅读全文
posted @ 2020-04-16 18:50 luckiest 阅读(600) 评论(0) 推荐(0)
如何创建vue项目
摘要：使用vue cli创建vue项目 1、安装vue 2、使用命令行工具创建vue项目 使用vue cli创建 使用vue cli创建的vue项目目录 使用vue cli初始化webpack项目 使用vue cli初始化的webpack项目目录 阅读全文
posted @ 2019-12-25 10:18 luckiest 阅读(134) 评论(0) 推荐(0)
vue中filters（过滤器）的使用
摘要：在vue中使用filters Vue.js自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v bind 表达式。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示： 可以在一个组件的选项中定义本地的过滤器： 或者在创建 Vue 实例之前全局 阅读全文
posted @ 2019-12-24 17:30 luckiest 阅读(3690) 评论(0) 推荐(0)
vue中使用v-if判断数组长度是出现length报错
摘要：在vue中使用v if判断数组的长度时出现报错 报错如下 出现这个问题的原因是在判断数组长度的时候没有进行数组是否存在的判定 所以在v if中需要添加判断数组存在，如下图 阅读全文
posted @ 2019-11-22 10:03 luckiest 阅读(7800) 评论(0) 推荐(0)
在vue中使用Element的message组件,解决弹窗重复弹出
摘要：在vue中使用Element的message组件 在vue文件中使用 在js文件中使用 解决消息弹窗重复显示 在有需要的地方引入 js文件中直接使用 挂载到vue原型上 阅读全文
posted @ 2019-08-13 17:25 luckiest 阅读(7407) 评论(0) 推荐(0)
element中的tree组件实现菜单分配
摘要：1. 返回的菜单数据 2. tree组件的使用 阅读全文
posted @ 2019-08-08 11:35 luckiest 阅读(1122) 评论(0) 推荐(0)
vue中数据绑定遇到的问题
摘要：![](https://img2018.cnblogs.com/blog/1405576/201908/1405576-20190808110806012-1616705730.png) ```html 编辑 ``` ```javascript // 父组件 editRole(index, row) { // 调用子组件中的setRole函数，并传递该行数据 this.$ref... 阅读全文
posted @ 2019-08-08 11:10 luckiest 阅读(376) 评论(0) 推荐(0)
vue中使用axios与axios的请求响应拦截
摘要：VUE中使用Axios axios的安装 ` npm install axios vue axios ` axios在vue的配置与使用 在main.js中引入axios和vue axios 在vue中使用axios和vue axios 配置axios基础地址 配置axios基础请求头 在进行请求的 阅读全文
posted @ 2019-08-08 10:46 luckiest 阅读(1930) 评论(0) 推荐(0)
vue组件间函数调用
摘要：vue父子组件间函数调用 阅读全文
posted @ 2019-08-08 10:34 luckiest 阅读(2217) 评论(2) 推荐(0)
vue组件间通信
摘要：组件间通信 vue组件之间的通信方式包括父子通信、子父通信和非父子通信 父子间通信 子父间通信 通过发布者 监听着的方式进行子父间数据通信 非父子通信 以Vue实例作为中央时间主线 阅读全文
posted @ 2019-08-08 10:17 luckiest 阅读(144) 评论(0) 推荐(0)