vue - 随笔分类 - joer717

module.hot

摘要：import Vuex from 'vuex' import defaultState from './state/state' import mutations from './mutations/mutations' import getters from './getters/getters' import actions from './actions/actions' const ... 阅读全文

posted @ 2019-08-05 14:59 joer717 阅读(397) 评论(0) 推荐(0)

vuex

摘要：1.state 放置你想储存于仓库的东西 2.mutations 用来操作，改states里面的数据的 3.getters 用来更好的处理组装数据的 4.mapState mapGatter 在computed里面直 ...mapState(['state里面放置的数据名称']) 注意：使用...这阅读全文

posted @ 2019-08-01 20:11 joer717 阅读(97) 评论(0) 推荐(0)

在url中带参数

摘要：如果只是在url中带参数的需求，比如tabs的话，都是本页面的切换那步骤是 1.在当前页面的路由传入你所需要在url中显示的参数，例如将一下router传参数的区别 props传递的参数是可以在url中显示的取值 props【‘参数’】然后在created函数里面赋值 params传递的参阅读全文

posted @ 2019-05-17 10:37 joer717 阅读(1265) 评论(0) 推荐(0)

vuex中mapGetters，mapActions

摘要：1.首先在store中定义getter，导出 2.在使用页面中引用vuex 然后在计算属性中调用 mapGetters 辅助方法，并传入一个数组，在数组中指定要获取的属性 count 下面说说mapActions 1.编写actions mutations 2.导出anction mutations 阅读全文

posted @ 2019-05-16 11:02 joer717 阅读(126) 评论(0) 推荐(0)

eventBus 与 this.$emit

摘要：2.在需要通信的两个组件中分别import import bus from "common/utils/eventBus"; 3.然后就可以通过emit、on进行通信：如下：一个组件中发射传送参数 bus.$emit('SUBMITSEARCH_PEOPLE',this.searchConten 阅读全文

posted @ 2019-05-14 16:18 joer717 阅读(719) 评论(0) 推荐(0)

solt的使用

摘要：在父组件引入子组件并使用 <slider ref="slider"> <div v-for="item in recommends"> <a :href="item.linkUrl"> <img @load="loadImage" :src="item.picUrl"> </a> </div> </ 阅读全文

posted @ 2019-05-14 11:36 joer717 阅读(199) 评论(0) 推荐(0)

jsonp在vue中的使用

摘要：jsonp发送的并不是ajax，动态的创建script，没有同源限制，可以跨域阅读全文

posted @ 2019-05-13 14:35 joer717 阅读(353) 评论(0) 推荐(0)

项目模糊之vuex

摘要：mutations 可以直接操作state里面的数据而action不可以，actions必须调用mutations里面的事件，他要自己创建一个动作去调用mutations里面的事件，然后传入mutations需要的参数为什么要非得通过action去调用下呢因为比如你需要在处理数据的时候需要异阅读全文

posted @ 2019-05-13 10:13 joer717 阅读(115) 评论(0) 推荐(0)

项目边做边总结

摘要：1.定义路由时，分 dispatch：含有异步操作，例如向后台提交数据，写法： this.$store.dispatch('mutations方法名',值) commit：同步操作，写法：this.$store.commit('mutations方法名',值) vuex store的知识 this. 阅读全文

posted @ 2019-05-08 11:44 joer717 阅读(160) 评论(0) 推荐(0)

vue组件的通信

摘要：组件的引入两种方式动态组件 <p is="com-a"></p> 直接引入 <com-a></com-a> 插槽功能父组件引入子组件，在子组件内部设置插槽的位置子组件中的命名插槽过渡和动画 v-enter 0 v-enter-active 1 v-leave 1 v-leave-active 阅读全文

posted @ 2019-04-29 17:53 joer717 阅读(96) 评论(0) 推荐(0)

vue基础

摘要：v-html 不会把标签打印出来 v-text 会把标签打印出来 vue的循环不是放在父便签上，而是放在被循环的循环体上 v-for="(value,key)in objList" v-for="(item,index)in ArrList" 可以遍历数组和对象，组件引入组件先import a组阅读全文

posted @ 2019-04-29 16:53 joer717 阅读(84) 评论(0) 推荐(0)

vue项目总结

摘要：1.项目的结构阅读全文

posted @ 2019-04-19 11:07 joer717 阅读(96) 评论(0) 推荐(0)

路由（4）传参

摘要：路由阅读全文

posted @ 2019-04-18 15:30 joer717 阅读(113) 评论(0) 推荐(0)

路由(3)

摘要：导航钩子作用是拦截导航，让他完成跳转或取消阅读全文

posted @ 2019-04-17 15:42 joer717 阅读(82) 评论(0) 推荐(0)

路由(2)

摘要：嵌套路由就是一个页面中会公用一部分东西，切换另一部分东西用router-view显示编程程序化导航可以做回退操作 router.beforEach（）//导航前需要做什么，比如登录问题，权限问题声明导航等同用了<router-link> 后退操作命名路由 : 有name属性的重定向阅读全文

posted @ 2019-04-17 15:32 joer717 阅读(120) 评论(0) 推荐(0)

vue 路由(1)

摘要：路由的使用 (5步) 1.首先安装路由 npm install vue-router2.引入 vue-router import VueRouter from 'vue-router' 3.使用router Vue.use(VueRouter ) 创建实例 const router = new Vu 阅读全文

posted @ 2019-04-17 15:00 joer717 阅读(99) 评论(0) 推荐(0)

vue 特点

摘要：1.双向绑定 v-model 2.组件化页面扩展单文件组件 js css html 都在一个文件中好处：前端组件化的突破性设计 scoped限制css的渲染，防止污染 lang 定义预处理器 webpack的打包 3. 阅读全文

posted @ 2019-04-16 14:55 joer717 阅读(112) 评论(0) 推荐(0)

joer717

公告

随笔分类 - vue