
vue
alonia
这个作者很懒,什么都没留下…
展开
-
vue 子父组件传递方式
1. 父传子 通过prop2.子传父 通过发布订阅模式 每个组件相互独立 不能随便修改组件数据 所以 当子组件想修改父组件传来的数据时 ,通过 父亲绑定一些事件,儿子触发这个事件,将参数传递过去,父亲刷新数据,儿子跟着刷新。这就是单向数据流 ,儿子不能自己修改数据,要通知父亲 让他修改 ,然后自己会更新。 ...原创 2018-10-18 09:07:00 · 233 阅读 · 1 评论 -
vue sync 的理解
.sync 就是vue 提供的语法糖 <comp :foo.sync="bar"></comp>这种写法就是下面的写法的拓展 <comp :foo="bar" @update:foo="val => bar = val"></comp> @update:foo ->是一个自定义事件名原创 2018-10-19 11:36:09 · 1996 阅读 · 1 评论 -
vux 理解
vuex 理解:vuex 里的store相当于一个前端数据库,用于保存数据,对每个组件是公开的,所有组件都可以用里面的数据。当想改变数据的时候。 触发一个action ----》提交一个mutations----->mutations传入 state 改变state数据---》state 改变后,getter里面可以拿到改变后的数据,然后在组件中显示。数据改变后,render会自...原创 2018-11-27 14:49:49 · 1182 阅读 · 0 评论 -
vuex mutations 和action
mutations 里的函数要是同步的,在action里使用commit直接提交的时候 无法处理异步操作所以有了 dispatch dispatch 分发一个异步的action (action 可以异步),在不同模块中可以触发多个 action 函数。在这种情况下,只有当所有触发函数完成后,返回的 Promise 才会执行store.dispatch('actionA').then(()...原创 2018-11-27 17:50:24 · 365 阅读 · 0 评论 -
vue 代理配置
proxyTable: {'/api': { //当遇到/api 替换为target 路径// target: 'http://202.96.155.124:9911',changeOrigin: true,pathRewrite: { // 重定向某一个 路径'^/api': ‘’}}},eg: /api/makret/add.do ...原创 2019-04-20 14:24:34 · 3476 阅读 · 0 评论 -
移动UI库常用
- PC端https://iviewui.com/https://element-cn.eleme.io/#/zh-CNhttps://vue.ant.design/docs/vue/introduce-cn/https://vuetifyjs.com/zh-Hans/基于Material Design实现https://www.heyui.top/一个妹子写的组件库- 移动端h...原创 2019-08-13 18:47:14 · 410 阅读 · 0 评论 -
vue-cli3 webpack常用 配置
1.去掉console.lognpm install terser-webpack-plugin -Dmodule.export = { configureWebpack: (config)=>{ if(process.env.NODE_ENV === 'production'){ config.optimization.minimizer[0].option...原创 2019-10-09 18:00:21 · 441 阅读 · 0 评论