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

事件

一、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 命令，提供 serve、build 和 inspect 命令。

ElementUI 之前看视频说是饿了么ui，好家伙一查真的是饿了么搞的

小驼峰法

变量一般用小驼峰法标识。驼峰法的意思是：除第一个单词之外，其他单词首字母大写。譬如

int myStudentCount;

变量myStudentCount第一个单词是全部小写，后面的单词首字母大写。

常用于函数名。

大驼峰法

相比小驼峰法，大驼峰法（即帕斯卡命名法）把第一个单词的首字母也大写了。常用于类名，属性，命名空间等。譬如

public class DataBaseUser;

router.go router.push

一个用来返回上一页，一个用来跳转到指定页面

去掉vue图标，自定义自己的页面

在webpack.dev.conf.js和webpack.prod.conf.js文件中

全局搜索favicon，注释掉favicon相关代码

删掉根目录下的favicon.ico文件

CSS 页面写法

最好标签里边不带style设置，专门在style标签里写，这样看着清楚

<template>
  <div class="site-wrapper site-page--not-found">
    <div class="site-content__wrapper">
      <div class="site-content">
        <h2 class="not-found-title">404</h2>
        <p class="not-found-desc">抱歉！您访问的页面不<em>存在</em> ...</p>
        <el-button @click="$router.go(-1)">返回上一页</el-button>
        <el-button type="primary" class="not-found-btn-gohome" @click="$router.push('/')">进入首页</el-button>
      </div>
    </div>
  </div>
</template>

<style lang="scss">
……
</style>

标签里边的设置用>号

    > em {
      font-style: normal;
      color: #ee8145;
    }