写篇文章之我一定要精通vue

Vuex本身并不是很难的技术，我通常只需要明白其他的属性和用法即可（初学）。 Vuex Vuex是Vue的全家桶之一，官方称之为状态管理模式。数据存储于state属性中。 类似于router的注册和引

在Vue中使用axios 我们为了方便的在vue框架的项目中使用axios快速编写请求代码，我们从设计上将axios注册进我们的vue项目中。 注册并不等于引用，这里的注册具体是将axios库加入到我

异步组件 通过异步的设计方案我们将组件的加载转变为异步操作，按需加载以此增加应用加载速度，以及减少流量消耗。

动态组件 vue提供了<slot>、<template>外，还为动态组件设计了标签<component>。 keep-alive组件缓存 activated和deactivated钩子 作为生命周期函

vue-router 路由分为两种： 后端路由，请求路由地址不同，后端响应不同的网页数据。是网页本身全部改变。 前端路由，请求路由地址不同，前端展示不同的组件组合。网页只进行局部的改变。 基本使用 路

官方提示： slot插槽 插槽像占位符，父组件除了想往子组件内传递数据以外，还想往子组件里传递一个html结构（html标签）该怎么办。如果使用v-html加props也确实可以实现，不过我们通过插槽

组件间通信 作为面试和笔试常考题，本身也是日常开发中必不可少的知识，这里的通信可以分为父子通信、隔代通信、以及全局通信。会涉及数据绑定，数据单向流动等问题。 props-父子间通信 props其实不是

单文件组件 我是建议通过脚手架进行项目的搭建，然后我们找到vue.文件进行学习，vue.文件本身不是浏览器能够识别的文件，vue设计出来是为了更好的进行组件化开发，vue-cli内置的webpack模

Vue组件 组件作为组件化开发的基础，帮助我们更好的协同开发和项目集成。 初识自定义组件 这里的组件是我们自定义的组件，最原始的写法。 效果： 通过上面简单的组件写法，我们发现components属性

本文基于Vue2展开。 Vue生命周期/钩子函数 Vue生命周期是指vue实例从创建、加载、更新到销毁的过程。 下面是所以知识的整合图，基于官方提供的图片： beforeCreate和created

v-自定义指令 directives属性负责注册自定义v-指令，除了在组件实例中使用，还可以全局使用。 我们先讲局部的注册，最后讲全局的使用。 自定义指令结构 我们在组件实例中注册自定义v-指令： 这

methods属性 methods的结构相比watch和computed是最“正常”的。 使用场景 事件中使用： 插值表达式中： v-指令（属性）中： 其他实例属性调用： 差异比较 methods、c

watch侦听器 语法特点：侦听器方法必须和被侦听的属性同名。 属性侦听器使用 当监听的属性产生变化时会执行的函数。存在多种写法和处理。 data、methods、computed、watch命名情况

computed计算属性 同样顾名思义，作为国人开发的前端框架确实单词都比较形象，计算属性就是做变量的计算，我们通过计算属性获得计算过后的属性，可以是字符串处理，也是可以数字的运算等等。 计算属性的特

tip：2020年9月份，vue3出来了。增加了很多新功能，但是也删掉了一些功能。比如删掉了vue2中的过滤器filter功能。与此同时，官方建议：用方法调用或计算属性替换过滤器。 filters过滤

本文持续完善补充 Vue的数据双向绑定 vue是MVVM框架，M即model层，V即View层，VM即ViewModel层。VM负责监听和同步M和V的数据。 vue的数据双向绑定基于数据劫持和发布订阅

Vue指令 当我们实例化vue实例时，vue实例会将模板中的v-指令和变量进行处理并移除（替换）。 v-html和v-text 我们将vue实例 data中的数据展示到页面中时常用插值表达式{{}}。

初始化的项目结构： Vue结构 一级目录： node_modules 作为npm包管理器的模块存放文件夹，是模块化开发常客。 写篇文章用懂npm——node_modules讲解 public 存放静态

创建vue脚手架项目 作为前提，我们需要全局下载vue（vue-cli）插件模块。 查看版本(注意大写)： 手动创建 vue-cli提供创建vue脚手架创建项目的指令 创建过程耗时较长，建议将初始化的

引入Vue框架库 CDN引入 CDN即内容分发网络，这里建议使用字节提供的网站 字节跳动静态资源公共库。 CDN了解 CDN，通过良好性能的服务器提高我们获取资源的速度，并且根据请求地址动态分配就近服