摘要：前言 上一篇文章以v-on指令绑定click事件为例介绍了v-on指令的使用方法，本文介绍一下v-on绑定事件的一些属性的使用方法。 v-on绑定指令属性 .stop属性 阻止单击事件继续向上传播（简单点说就是不让父节点及父节点以上的节点事件触发），本示例如果没有stop属性，父节点和爷爷节点事件将 阅读全文

摘要：前言 在JavaScript中任何一个DOM元素都有其自身存在的事件对象，事件对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置和鼠标按钮的状态等。事件通常与函数结合使用，函数不会在事件发生前被执行。在JavaScript中常见的事件句柄（Event Handlers）主要有： 阅读全文

摘要：条件指令 所谓条件指令是指满足某个条件时执行哪部分代码，不满足条件时执行哪部分条件代码。vue条件指令有v-if，v-else-if，v-else三个，v-if条件渲染用来指示元素是否移除或者插入，根据表达式的值的真假条件渲染元素。 v-if示例 方式一使用v-if显示标签，当初始化值为true时， 阅读全文

摘要：1. 指令释义 v-model在表单控件或者组件上创建双向绑定，本质上是负责监听用户的输入事件（onchange，onkeyup，onkeydown等，具体是哪个，还请查阅官方底层实现文档）以更新数据，并对一些极端场景进行一些特殊处理。 2. 表单输入绑定方式和方法 2.1 input框实现双向数据 阅读全文

摘要：1. 定义 1.1 v-bind 指令被用来响应地更新 HTML 属性，其实它是支持一个单一 JavaScript 表达式 （v-for 除外）。 2. 语法 2.1 完整语法：<span v-bind:class="classProperty"></span >，解释：v-bind 是指令，: 后 阅读全文

摘要：1.前言 Vue并不限制你的代码结构。但是，它规定了一些需要遵守的规则：1、应用层级的状态应该集中到单个store对象中。2、提交mutation是更改状态的唯一方法，并且这个过程是同步的。3、异步逻辑都应该封装到action里面。 2.项目文件目录显示如下 3.项目文件解析 3.1 build文件 阅读全文

摘要：1、检查环境是否全部安装成功 2、创建项目 2.1.打开dos命令窗口，使用dos命令转到项目文件夹下： 2.2.输入创建项目命令:vue init webpack myproject1 创建不同的打包方式第一种情况： 创建不同的打包方式第二种情况： 2.3.启动项目，在项目目录下输入启动命令：np 阅读全文

摘要：1.前言 Vue 是一款友好的、多用途且高性能的javascript框架，与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用，它能够帮你创建可维护性和可测试性更强的代码库，Vue是渐进式的javascript框架库。 2.安装简介 Vue集成环境三大核心组件：node.js，npm，vue 阅读全文