Vue开发学习记录（七）

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

事件

一、vue中的事件如何使用

官网例子

https://cn.vuejs.org/v2/guide/events.html

二、Vue中的事件传递

设参：
<button type=“button”@click=“addbtnfn(2)”>增加
传参:
addbtnfn:function(step){
接参:
this.count+=step;

3.Vue中的事件修饰符

@click.stop 阻止点击事件的传播
@mousemove.stop 阻止鼠标移动世界
@keyup.space 空格键弹起时

Vue改变内容–虚拟DOM和diff算法

计算属性：将计算结果缓存起来的属性（将行为转化成了静态的属性）
普通的js来说会生成一个dom树，对于dom来说我们一般知道其高宽，类似于html中的div
普通js调整dom的时候要找到一个dom树从上往下找非常耗开销。

webpack

我们经常构建vue前端项目用到的命令

vue init webpack projectname

这个webpack是个什么东东

官网在这里
https://webpack.docschina.org/
本质上，webpack 是一个用于现代 JavaScript 应用程序的_静态模块打包工具_。当 webpack 处理应用程序时，它会在内部构建一个 依赖图(dependency graph)，此依赖图对应映射到项目所需的每个模块，并生成一个或多个 bundle。
CLI 服务是构建于 webpack 和 webpack-dev-server 之上的。它包含了：
加载其它 CLI 插件的核心服务；
一个针对绝大部分应用优化过的内部的 webpack 配置；
项目内部的 vue-cli-service 命令