![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
湫风。
一点一滴的积累。
展开
-
Vuex状态管理模式
Vuex状态管理模式Store:类似容器,包含应用的大部分状态,一个页面只能有一个store,状态存储是响应式的State : 包含所有应用级别状态的对象Getters : 在组件内部获取store中状态的函数Mutations : 唯一修改状态的事件回调函数Actions : 包含异步操作,提交mutation改变状态Modules : 将store分割成不同的模块...原创 2019-02-26 10:49:00 · 121 阅读 · 0 评论 -
vue-router的使用
vue-router的使用重定向与别名如果用户在地址栏访问的地址不在路由配置里面:别名:当地址栏访问的是别名的时候,也会匹配到改路由,但是路由不会是激活状态router-link配置项路由激活状态设置样式:默认的类名是router-link-active1:在路由配置里有个属性linkActiveClass,属性值为你想要激活的类名,然后用这个类名来设置...原创 2019-02-26 10:38:00 · 190 阅读 · 0 评论 -
Vue组件通信
Vue组件通信1.父元素给子元素传值:使用自定义属性,子组件使用props接收2.子元素给父元素传值使用$emit,父元素使用自定义函数接收3.provide和inject4.事件总线eventBus5.$dispatch和$boardcast//向上传值Vue.prototype.$dispatch = function(eventName,data){ let ...原创 2018-12-06 16:52:00 · 103 阅读 · 0 评论 -
封装axios在vue-cli项目中便捷使用
封装axios在vue-cli项目中便捷使用首先创建一个vue-cli搭建起来的vue项目这个不用多说了。安装axios,使用npm install axios --save命令安装依赖,这时候项目的package.json文件中的"dependencies"属性会有个"axios"和它的版本号就说明安装成功了接下来就在项目中的src下面的assets文件里创建一个js文件夹,...原创 2018-08-14 14:51:00 · 319 阅读 · 1 评论 -
element-ui表单组件数据初始化让每一行是否选中
首先要在created生命周期函数里获取到表格数据。表格数据肯定是数组,数组下有多少个对象就有多少行,在每一个对象里面都有一个属性selected(名字随便)来控制这一行是都已经是选中状态this.tableData.forEach(row=>{ //循环这个表格数据 if(row.selected == 1){ //当这个对象里的selected为1时代表选中状态 ...原创 2019-06-05 16:16:17 · 1151 阅读 · 0 评论 -
vuex+本地储存登录
//在登录页面进行登录,跟后台进行对接,登录成功的时候提交一个mutations保存后台返回过来的登录信息let user = { token : 'token', name : 'cher'}this.$store.commit('addUser',user);//在store文件夹的index.js下import Vue from 'vue';import ...原创 2019-05-31 17:05:20 · 1055 阅读 · 0 评论 -
在vue-cli项目中使用element-ui打包后图标地址报错
在使用vue-cli搭建项目的时候,用了element-ui组件库的图标的,使用npm run build打包项目放到服务的时候,这时候图标地址就会报错需要在项目build文件夹下的utils.js文件中加上这行就可以了...原创 2019-06-13 16:35:22 · 1612 阅读 · 1 评论 -
vue-router源码分析
//mrouter文件夹下的index.js文件let Vue;class Mrouter{ static install(_Vue){ Vue = _Vue; Vue.mixin({ beforeCreate() { //启动路由 if(this.$options...原创 2019-07-16 16:21:33 · 181 阅读 · 0 评论