总结下用Vue.js和webpack遇到的问题

这段时间用vue.js+webpack做一个单页应用的demo，第一次尝试模块化，技术水平有限，学习不够深入，总是遇到各种问题，所谓前事不忘后事之师，so记录下。

1.ES6匿名函数里面this值

结合webpack，使用Babel转换器，可以安心用ES6了，关于箭头函数（匿名函数）一个注意点：

函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象。

开始不知道这个特性，还弱弱的用了bind()方法把this值传进去，弱爆了！这个特性真的是好用，妈妈再也不用担心我的this对象丢失了！

2.vue data为对象，并且属性是动态添加或删除时视图无法响应

受 ES5 的限制，Vue.js 不能检测到对象属性的添加或删除。因为 Vue.js 在初始化实例时将属性转为 getter/setter，所以属性必须在 data 对象上才能让 Vue.js 转换它，才能让它是响应的。

eg:

data(){
return{
lists: {}
}
}

this.lists[this.currentCate] = lists //这样赋值视图是不会更新的！

正确的是：

Vue.set(this.lists, this.currentCate, lists);

持续更新中。。。

转载于:https://www.cnblogs.com/xxyzjb/p/5064283.html

总结下用Vue.js和webpack遇到的问题相关推荐

RAP、Mock.js、Vue.js、Webpack
最近做项目使用的是RAP1的接口,但是昨天开始,RAP1 出现了问题,接口都不能用了. 所以补充一下Mock.js的用法,以便在这种突发的情况时候时自己通过Mock的方式来处理接口. npm init ...
Vue.js - Day5 - Webpack
在网页中会引用哪些常见的静态资源? JS .js .jsx .coffee .ts(TypeScript 类 C# 语言) CSS .css .less .sass .scss Images .jpg ...
MacOS下安装Vue.js
一.开发环境 brew Mac 下的一个包管理工具,可以在mac上安装.卸载.更新各种软件包. MacBook-Pro / % brew -v Homebrew 3.3.5-28-g3ab140e H ...
window下建立vue.js项目
安装node.js 直接下载安装文件安装就可以了vue项目搭建 1.到自己要件项目的文件夹运行cmd命令 2.如果没有安装vue-cli 3.npm install -g vue-cli 4.vue ...
Vue.js 与 Webpack externals 的使用
通过配置 externals 实现打生产包时排除某些依赖,使用 cdn 资源代替.下面代码适用于 vue-cli 3. vue.config.js // 排除 vue, vue-router, vue ...
创建基于Webpack的Vue.js项目
创建基于Webpack的Vue.js项目本文目录: 一.Webpack简介二.创建基于Webpack的Vue.js项目 1.前提条件 (1).检查node 和npm版本信息 (2).升级你的 No ...
Vue.js 2.0 学习重点记录
Vue.js兼容性 Vue.js.js 不支持 IE8 及其以下版本,因为 Vue.js.js 使用了 IE8 不能模拟的 ECMAScript 5 特性. Vue.js.js 支持所有兼容 EC ...
Vue.Js添加自定义插件
基于上篇我们讲了在window下搭建Vue.Js开发环境我们可以开发自己的vue.js插件发布到npm上,供大家下载使用. 1.首先打开cmd命令窗口,进入我们的工作目录下执行 cd E:\vu ...
动态添加组件_使用vue.js的动态组件模板
最近刚做完建站工具,准备总结里面使用到的一些技巧,同时会做一版简化的放在 github上. 先来一篇翻译的文章,和我在项目中使用的动态组件思路一样,不过缺少了演化的过程,直接给出了最终的解决方案.这篇 ...

总结下用Vue.js和webpack遇到的问题

总结下用Vue.js和webpack遇到的问题相关推荐

最新文章

热门文章