光脚丫思考的专栏

本文总结了Vue.js项目在IE11浏览器中白屏报错，不显示任何内容的问题原因，以及可能的几种的解决方案。

下面是本文的屏幕录像的在线视频：温馨提示：1、视频下载：线上视频被压缩处理，可以下载高清版本：链接：https://pan.baidu.com/s/1r3XKC9FWw1I9A-Ms3XVJ8Q提取码：jh342、示例代码：https://pan.baidu.com/s/1SyOvCLPOTG22qj_B5qtiew提取码：eozw注意：上面的链接换没修改呢，视频也没上传呢。下图是文章大纲：一、概述指令(Directives)是带有v-前缀的特殊attribute...

下面是本文的屏幕录像的在线视频：温馨提示：1、视频下载：线上视频被压缩处理，可以下载高清版本：03-Vue实例：https://pan.baidu.com/s/1O9lUFm2jRIlBeFrBjXPZIA提取码：nbzt03-生命周期示意图+钩子函数：https://pan.baidu.com/s/1D4ndTSgPBNGE8D4_Hcx-1A提取码：jst42、示例代码：https://pan.baidu.com/s/1OcZ_ZPwxIlEoYRD7coc4gQ提取码：y9...

什么是冒泡与捕获以click点击事件为例。假如我们有一个多层结构标签。如下图，是4个div嵌套。每个div都有点击的监听事件，分别输出1234。当我们点击最里面的div时，点击事件开始传递，传递的全过程是1-2-3-4-4-3-2-1。前半部分，事件从最外面的父div依次传递到最里面的后代div，1-2-3-4这部分我们叫捕获过程。之后事件又从最里层的后代div逐层传出，4-3-2-1这部分我们叫冒泡过程。如果我把捕获监听器和冒泡监听器都加上，如下图这样。这时我们有8个监听器了，在捕获过程

一、概述本章介绍如何创建Vue实例，以及实例的数据、方法和生命周期钩子函数等内容。二、创建Vue实例每个Vue应用程序都通过使用以下功能创建一个新的应用程序实例：该应用程序实例用于注册“全局变量”，然后可由该应用程序内的组件使用。下面是一个快速实例：应用程序实例公开的大多数方法都返回相同的实例，从而允许链式调用：示例代码：01-HelloWorld.html三、根实例传递给createApp()的选项用于配置根组件，该组件将用作渲染的起点。需要将...

下面是本文的屏幕录像的在线视频：02-安装Vue.js温馨提示：1、视频下载：线上视频被压缩处理，可以下载高清版本：https://pan.baidu.com/s/16594YUpNNrkjZfrCx7e5kQ提取码：hws62、示例代码：https://pan.baidu.com/s/1oYV0Lej_E3ufyEUMxq1S2Q提取码：ikhe下图是文章大纲：一、概述Vue.js是设计是渐进式逐步使用的。这意味着可以根据需要将其以多种方式集成到项目中。将V...

一、概述Vue（发音为/vjuː/，类似于view）是用于构建用户界面的渐进式框架。与其他整体框架不同，Vue从头开始设计以逐渐采用。核心库仅集中在视图层，并且易于拾取并与其他库或现有项目集成。另一方面，当与现代工具和支持库结合使用时，Vue也完全能够为复杂的单页应用程序提供支持。常见的高级功能：解耦视图与数据。 可复用的组件。 前端路由。 状态管理。 虚拟DOM(Virtual DOM)。如果您想在开始学习之前了解有关Vue的更多信息，我们创建了一段视频，介绍了核心原则和示例项目。htt

一、概述本项目提供了svg压缩处理优化功能。基于svgo实现。npm run svgo我们很多网上下载或者Sketch导出的svg会有很多冗余无用的信息，大大的增加了svg的尺寸，可以使用svgo对它进行优化，另外，有时候使用UI切图的svg无法直接修改内部的CSS样式，借用svgo工具可以完成样式的修改比如下图所示的一个svg：我们可以执行npm run svgo无用的信息都被处理掉了。那具体如何做呢？按照下面的内容操作。二、准备1、安装svgo的npm包：.

一、文章大纲二、安装环境本文基于如下的环境进行试验的：Windows 10中文64位专业版。 v12.18.3版本的Node.js。 @vue/cli 4.5.4的Vue.js和cli。三、安装vue-cli使用npm全局安装vue-cli：npm install -g @vue/cli可以使用如下的创建项目的命令，查看vue cli的安装情况：按照上面的提示，先卸载之前的版本，然后安装新的版本。安装成功后，如果要查看安装的cli的版本，可以执行命令：

文章摘自：https://segmentfault.com/a/1190000015932467一、什么是scoped在Vue文件中的style标签上有一个特殊的属性：scoped。当一个style标签拥有scoped属性时候，它的CSS样式只能用于当前的Vue组件，可以使组件的样式不相互污染。如果一个项目的所有style标签都加上了scoped属性，相当于实现了样式的模块化。二、scoped实现原理Vue中的scoped属性的效果主要是通过PostCss实现的。以下是转译前的代码:.

一、概述在用Vue.js构建大型应用时，推荐使用npm安装，npm能很好的和webpack等打包工具配合使用。如果使用npm过程中安装速度过慢，可以考虑使用淘宝镜像的cnpm来代替npm。首先Vue的安装依赖于Node.js，要保证你的计算机上已经安装过Node.js。可以参考前面的文章：https://blog.youkuaiyun.com/GJYSK/article/details/108210708如何查看Node是否安装或者Node版本呢？进入cmd，输入命令：node -v，回车查看，node最好使

一、什么是Node.js简单的说Node.js就是运行在服务端的JavaScript；Node.js是一个基于Chrome V8引擎的JavaScript运行环境；Node.js使用一个事件驱动、非阻塞式I/O的模型，使其轻量且高效；Node.js的软件包生态系统NPM是全球最大的开源库生态系统。二、安装环境本文安装采用的环境是：Windows 10专业版64位，如下图所示：三、下载Node.js安装包在Node.js官方网站下载安装包，地址：https://nodejs.org/