背景 目前的webpack的版本是 2.2.1,而webpack目前的最新版本已经更新到了4.39.3 直接需求 前端页面比较卡顿 原因1 文件都是采用的require的按需加载的模式,点击到大文件的时候,加载时间较长。…
分类:vue.js教程
Vue 添加响应式属性的正确姿势
原文链接:https://ssshooter.com/2019-09… 默认此文读者明白简单的 Vue 底层原理,对此陌生的读者可以先看: 你不知道的 Vue 响应式原理 从 vue 源码看观察者模式 此文使…
vue中 this.$set的用法
当vue的data里边声明或者已经赋值过的对象或者数组(数组里边的值是对象)时,向对象中添加新的属性,如果更新此属性的值,是不会更新视图的。 <template> <div id="app"> &…
一个简单又完整的商城
继上次写的那个 《这是一个很干净的后台 (yii2 + vue的权限管理rabc)》 (想了解戳这里 https://segmentfault.com/a/11…)过去有一段时间,觉得还是要把这个商城给弄完,…
java实现微信公众平台发送模板消息
最近开发公众号项目,前端采用vue开发,后台使用java开发,由于业务需求,需要实现公众号向用户发送重要的服务通知,提醒工作人员进行业务审核。这时候就需要用到微信平台的模板消息,为了保证用户不受到骚扰,在开发者出现需要主…
Vue视图更新问题
在某个组件获取数据后使this.$set后视图并没有更新
vue的provide / inject
vue的provide/inject provide/inject 这对选项需要一起使用,以允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在起上下游关系成立的时间里始终生效。 说明 无论多少层都会被…
Vue实现数据双向绑定的原理:Object.defineProperty()
vue实现数据双向绑定主要是:采用数据劫持结合发布者-订阅者模式的方式,通过 Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应监听回调。当把…
nuxt框架中对vuex进行模块化设置
1.Nuxt里怎么使用vuex? Nuxt.js 内置引用了 vuex 模块,所以不需要额外安装。 Nuxt.js 会尝试找到应用根目录下的 store 目录,如果该目录存在,它将做以下的事情:1.1> 引用 vu…
Navigation网站收藏和导航平台
初衷 估计很多人和小编一样,一开始将浏览过的觉得不错的网站收藏到浏览器的收藏夹中。日积月累,网站越来越多,在收藏夹里找所需网站越来越麻烦。后来浏览器从火狐转到Chrome,收藏的网站却不能同步过来。浏览器需要登录才能同步…
Elctron-vue实战— Vuex管理Mock数据
如何在vuex中管理mock数据呢? 这是效果界面,所用的数据是mock模拟所得,使用vuex的store存储管理模拟数据。 这是我的store目录结构,分成几个模块,以其中planList模块为例进行讲解。 1.配置V…
vue多级嵌套组件传参
$attrs $attrs概念: 包含了父作用域中不作为 prop 被识别 (且获取) 的特性绑定 (class 和 style 除外)。当一个组件没有声明任何 prop 时,这里会包含所有父作用域的绑定 (class …