lyf的博客

原文链接：https://www.cnblogs.com/limengyi/p/6534435.html通常，我们在使用vue编写页面时，会需要使用vuex在组件间传递（或者说共同响应）同一个数据的变化。例如：用户的登录信息。下面，我们使用传递用户登录信息的例子来一步步解决这个问题。首先，我们的第一个问题是：我在一个组件（例如登录组件页面）中登录了后，其它页面要怎么获取和响应这个变化？（就是这么

npm install vuex在项目scr目录下新建store文件夹，在store文件夹下新建index.js文件。import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);const state={ accountInfo:{ }}const mutations={ initUser(state,pa

export default { name: 'MainPage', data () { return { } } @import '/static/css/easydialog.min.css';

可以在App.vue中的style中修改element-ui的样式。.el-menu{　　width:160px !important;}　注意：一定要在属性值后面加上 !important 使自己定义的css样式处于权重最高，不加的话在本地调试的时候是没有问题的，不过在项目打包后放到服务器上时，自己定义的样式会因为优先级的问题被element-ui原有样式覆盖！！！！！

vue项目完成后，打包放到服务器上，打开index.html页面时发现一片空白并且报错很明显是js和css引用不到。解决办法：修改vue项目config文件夹下面的index.js,将assetsPublicPath:'/'改为assetsPublicPath:'./'

rules: { name:[{ required: true, message: '请输入用户名', trigger: 'blur' },{ min: 2, max: 5, message: '长度在 2 到 5 个字符' },{ patter...

1.this.$router.go(val) => 在history记录中前进或者后退val步，当val为0时刷新当前页面。2.this.$router.push(path) => 在history栈中添加一条新的记录。

html： <a href="#!" v-for="gameName in gameNames" @click="selected(gameName)" :class="{active: activeName == gameName}">{{gameName}} javascript：new Vue({ el: "#app", data: {

第一部分: vue-router参数传递转自http://www.cnblogs.com/zhuzhenwei918/p/6916012.html通过router-link我们可以向路由到的组件传递参数，这在我们实际使用中时非常重要的。　路由： { path:"/DetailPage", component: DetailPage, name: "详情页"

注意：vue-router 2只适用于Vue2.x版本，下面我们是基于vue2.0讲的如何使用vue-router 2实现路由功能。推荐使用npm安装。npm install vue-router一、使用路由在main.js中，需要明确安装路由功能：import Vue from 'vue'import VueRouter from 'vue-router'import App from '

用户信息 账号信息 修改密码 公司信息 用户管理 添加/编辑用户 1.要实现路由跳转，先要在el-menu标签上添加router属性，然后只要在每个el-menu-item标签内的index属性设置一下url即可实现点击el-menu-item实现路

1.一定要给的父元素添加overflow:scroll属性，不然上拉加载无法使用。

将需要保存在vuex中的数据同时保存在localStorage，并在store.js中写入以下代码：for(var item in state){ localStorage.getItem(item)?state[item] = JSON.parse(localStorage.getItem(item)): false;}

原文地址：http://blog.youkuaiyun.com/sunnyyoona/article/details/520655441. 查看远程分支分支加上-a参数可以查看远程分支，远程分支会用红色表示出来:xiaosi@Qunar:~/code/qtown-score$ git branch -a FRESH-1606_qscore-20160503* dev master remotes

.bg{ background-size: cover; background-image:url(../assets/images/sunshine.png); background-repeat:no-repeat; background-position:center; background-attachment:fixed;}

注意：vue中要实现表格的导入与导出，首先要install两个依赖，npm install -S file-saver xlsx  和  npm install -D script-loader。其次，在项目src目录下新建一个文件夹vendor（名字随意），在此文件夹下放置两个文件Blob.js和Export2Excal.js（下载地址：http://files.cnblogs.com/fi...

1.去阿里图标矢量图标库将想要的图标添加入库2.再去库中将图标添加到项目。3.再到我的项目中，选择，我这里采用的是将图标代码包下载到本地再引入到vue项目中。4.在vue项目的assets文件夹下新建一个iconfont文件夹（名字随意），将刚刚下载下来的代码包中的iconfont.css、iconfont.eto、iconfont.svg、iconfont.ttf、iconfont.woff复制...