花&败

我们实现以下的一个小案例：点击切换天气会分别显示凉爽、炎热(只有这两种状态)，且每一次天气切换的时候都会被控制台给捕获到。我们先不考虑控制台的那一部分，先把切换部分给做出来。我们可以使用前文刚刚介绍的计算属性。此处有两个注意点：①如果我们把上述代码模板中的插值语法给去掉，也就是这样：因为此时已有属性、计算属性在模板当中都没有使用，故会导致Vue的开发者工具出现一点小问题。

现在我们做一个小案例，如下图所示：我们创建三个input框，其中第一个框写姓，第二个框写名，第三个框是姓名，也就是将第一个框中的内容和第二个框中的内容中间用-连接在一起。同时在修改姓、名的时候姓名会跟着动态的发生变化。这个需求很简单，代码实现如下：现在我们提一个新需求：不管姓、名有多长，我们永远只截取他们的前三位进行拼接。首先我们的第一反应是直接调用相关的。

那么在我们点击div2的时候，就会依次出现左边蓝色箭头的捕获阶段和右边红色箭头的冒泡阶段，我们可以知道真正的事件处理在冒泡阶段，最终的结果就是先触发div2的点击事件，再触发div1的点击事件。这个时候我们就可以使用capture事件修饰符，我们最后的结果变成为先触发div1的点击事件，再触发div2的点击事件。倘若我们现在给div加一个self修饰符，那么当冒泡到div的时候发现event.target不符合当前div元素，就不会触发事件，从另一个角度说我们可以利用这一点去阻止冒泡。

get(){},}})

插值语法功能：用于解析标签体内容。写法：{{xxx}}，xxx是js表达式，且可以直接读取到data中的所有属性。指令语法功能：用于解析标签（包括：标签属性、标签体内容、绑定事件…）。举例：v-bind:href=“xxx” 或 简写为 :href=“xxx”，xxx同样要写js表达式，且可以直接读取到data中的所有属性。备注：Vue中有很多的指令，且形式都是：v-???，此处我们只是拿v-bind举个例子。数据结构分层例如我们要显示两个省份名：

Vue是一套动态构建用户界面的渐进式 JavaScript 框架。

卸载vue-cli命令 1)卸载命令： npm uninstall vue-cli -g 2)查看版本号命令： vue -V

首选我们准备两台服务器 192.168.56.10 192.168.56.11 我们先使用docker在192.168.56.10服务器上部署amsvue项目 注意：config下的index.js文件一定要是如下，如果写的是原本容器的IP地址会出错 具体部署参考：使用docker+nginx部署vue项目 把当前的amsvue容器提交为一个镜像： 命令： docker commit 容器名 镜像名称 将镜像存为tar文件 命令： ...

首先准备好docker环境，在centos下的 环境如下： 首先拉取最新的nginx 命令： docker pull nginx 在data下面创建分别创建以下四个目录 mkdir -p /mydata/nignx/conf 挂载容器里面的配置，即nginx.conf mkdir -p /mydata/nignx/conf.d 挂载容器里面的子配置,即nginx.conf里面include的配置文件 mkdir -p /myd...

identify简介 这是一个vue的插件，使用canvas来生成图形验证码 具体参数如下： 在src\components\identify目录下创建identify.vue文件（主要用于定义参数和方法） 内容如下： <template> <div class="s-canvas"> <canvas...

项目结构 在js文件中创建对外开放的方法 在index.vue中引入validate.js并且使用

目录结构 直接修改public目录下的index.html

新建的vue项目结构 components文件下新建SvgIcon组件 index.vue文件中代码 <template> <svg :class="svgClass" aria-hidden="true"> <use :xlink:href="iconName"></use> </svg>&...

eslint在编写过程中及其严格，甚至单引号和双引号或者空格注释都会引起报错，导致项目无法正常运行