vue过滤器可以在两个场景使用: 1.双花括号内 2.v-bind内 vue过滤器分为本地过滤器和全局过滤器。 本地过滤器使用例子: <div id="app"> <h1>{{ msg|CaseW…
分类:vue.js教程
Vuex
核心概念 State 单一状态树(用一个对象就包含了全部的应用层级状态),类似于 vue 中的 data 定义 let store = new Vuex.Store({ state: { count: 0 } }) 访问…
项目经验总结
项目中前端开发问题经验总结 ie下websocket的安全限制问题 问题描述:数据看板中的数据大部分都是实时数据或前一天统计的历史数据,因此这边后端考虑采用websocket来实时和定时推送数据来保证数据的实时性和有效性…
vue2, vue2+vue-router, vue2+vue-router+vuex 混合多页配置脚手架
项目地址: vue2-multiple-entry 欢迎star 基于vue2 + vue-router + vuex而组成的多页配置脚手架 多页实例中包含 纯单页 基于 vue-router 的单页 基于 vue-ro…
在vue中使用G2图表做销售漏斗
G2笔记 G2是蚂蚁金服的一套开源图表插件,因项目需要研究了一下,相比Echarts来说,G2文档比较难懂,网上也没有太多示例,所以在这里记录一些使用G2遇到的问题。 官方推荐在vue项目中使用Viser,它对G2进行了…
第四课时: vue状态管理-Bus
Bus相当于广播和分发事件的方法。vue如何实现非父子组件间的通信,可以通过实例一个vue实例Bus作为媒介,要相互通信的兄弟组件之中,都引入Bus,然后通过分别调用Bus事件触发和监听来实现通信和参数传递。 Bus.j…
【前端卡顿的优化思路和方案01】webpack从2.2.1升级到webpack4全纪录(目前先升级到webpack3.8.1)
背景 目前的webpack的版本是 2.2.1,而webpack目前的最新版本已经更新到了4.39.3 直接需求 前端页面比较卡顿 原因1 文件都是采用的require的按需加载的模式,点击到大文件的时候,加载时间较长。…
认识Vue
vue是什么 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。 与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,方便与…
vue入门笔记体系(六)vue组件
组件注册 关于组件名: *组件名可以是kebab-case (短横线分隔命名)或者PascalCase (驼峰式命名) 当使用 kebab-case (短横线分隔命名) 定义一个组件时,你也必须在引用这个自定义元素时使用…
Object.defineProperty和proxy
Object.defineProperty问题 Object.defineProperty() 无法监控到数组下标的变化。vue只能通过以下几种方法来监听 push() pop() shift() unshift() s…
[Vue CLI 3] 源码之 webpack-chain
我们看一下 webpack-chain 到底做什么? Use a chaining API to generate and simplify the modification of Webpack version 2-4…
[Vue CLI 3] 插件开发中的 genCacheConfig 细节研究
在 @vue/cli-plugin-babel/index.js 中: api.genCacheConfig('babel-loader', {}, []) 我们看一下 api.genCacheConfig 在文件:@v…