首页 / 前端开发 / vue

vuex2.x中mutation 和 action的基本使用

1, mutation  The only way to actually change state in a Vuex store is by committing a mutation, 在vue 中,只有mutation 才能改变state.  mutation 类似事件,每一个mu...

2019-11-09
标签: vue    44

vue中vue2-dropzone 多文件上传插件的使用

下载依赖包 推荐使用cnpm cnpm install vue2-dropzone --saveAPI文档 https://rowanwins.github.io/vue-dropzone/docs/dist/index.html#/installationvue-dropzone的git...

2019-11-01
标签: JavaScript  vue    94

关于前后端分离项目权限该怎么设计

最近做了一个项目使用vue+ springboot2.0开发的一个前后端分离的后台管理项目;在这里总结一下我的一个权限设计思路,权限设计是基于RBAC来设计的我们都知道做一个后台管理系统最重要的就是权限设计这块。在之前的开发模式中(前后端混合开发),权限这块我们只需要在后端判断即可,因为前后端混合开...

2019-10-16
标签: vue    47

vue中父组件与子组件、子组件与子组件间的传值

父向子传值-->props 1.props静态传值    var childComponent = {        template...

2019-10-11
标签: JavaScript  vue    76

vue-cli之webpack的proxyTable配置详解

proxyTable: {    '/api': {        target: 'http://www.vuetpadmin.com',        changeOrigin: true, //...

2018-12-18
标签: vue    85

vue.js中watch、methods、computed的区别及使用

<div id="methods-computed"> <div> <li><input type="text" name="val" id="val"  v-model="a"> <span>a值改变了:{{changeA...

2018-12-14
标签: vue    38

vue.js解决刷新页面vuex数据丢失的问题

页面刷新store.state中的数据消失是不可避免的,可以使用localStorage来避免这个问题。但是一个一个数据添加实在是太麻烦了。那么就需要一个全局的方法来,将store的数据存储在localStorage里。具体的方法也是百度的很好用,也很方便。    在App.vu...

2018-03-03
标签: vue    40

在组件中如何使用vuex的值

import { mapState } from 'vuex'    //映射stateimport { mapGetters } from 'vuex'  //映射getters computed: {  /* 普通写法,利用方法返回值的形式输入s...

2018-03-02
标签: vue    56

thinkphp5.1 + vue-cli3 脚手架项目 代码部署

thinkphp5.1处理前后端分离整合vue打包文件的配置方式思路:将vue打包的文件夹dist下的文件放在TP5的入口目录/public目录,打包vue打包后的首页文件index.html放在TP5的指定的首页控制器目录view/index/index.html 并覆盖,简单实现一个站点部署前后...

2018-03-02
标签: PHP  vue    63

在Vuex使用 以及 dispatch和commit来调用mutations的区别

Vue.use(vuex);const store = new Vuex.store({  state: {    nickName: "",    cartCount: 0    },  mutations: {    updateUserInfo(state,nickName) {      s...

2018-02-03
标签: vue    61

如何修改Vuex中的变量值

众所周知,在vue的项目里父子组件间可以用props 或者 $emit 等方式,进行数据传递,而如果项目稍微大一点的话有很多平行组件,这个时候在这些组件间传递数据,使用这些方法会比较麻烦,代码也会变得不利于服用。我们可以vuex来解决这个问题vuex其实官网上不是太好理解,可以直接看看代码怎么实现的...

2018-02-02
标签: vue    64

vuex的mutations如何传多个传参?

1、不传参时的写法(官网例子):const store = new Vuex.Store({  state: {    count: 1  },  mutations: {    increment (state) { ...

2018-02-02
标签: vue    56