摘要：
自定义指令 内置指令不能满足我们特殊的需求 Vue允许我们自定义指令 Vue.directive 注册全局指令 <!-- 使用自定义的指令，只需在对用的元素中，加上'v-'的前缀形成类似于内部指令'v-if'，'v-text'的形式。 --> <input type="text" v-focus> 阅读全文
摘要：
表单基本操作 获取单选框中的值 通过v-model <!-- 1、 两个单选框需要同时通过v-model 双向绑定 一个值 2、 每一个单选框必须要有value属性 且value 值不能一样 3、 当某一个单选框选中的时候 v-model 会将当前的 value值 改变 data 中的 数据 gen 阅读全文
摘要：
案例选项卡 1、 HTML 结构 <div id="app"> <div class="tab"> <!-- tab栏 --> <ul> <li class="active">apple</li> <li class="">orange</li> <li class="">lemon</li> </ 阅读全文
摘要：
v-if 使用场景 1- 多个元素 通过条件判断展示或者隐藏某个元素。或者多个元素 2- 进行两个视图之间的切换 <div id="app"> <!-- 判断是否加载，如果为真，就加载，否则不加载--> <span v-if="flag"> 如果flag为true则显示,false不显示! </sp 阅读全文
摘要：
v-on指令 用来绑定事件的 形式如：v-on:click 缩写为 @click; v-on事件函数中传入参数 <body> <div id="app"> <div>{{num}}</div> <div> <!-- 如果事件直接绑定函数名称，那么默认会传递事件对象作为事件函数的第一个参数 --> < 阅读全文
摘要：
指令 什么是自定义属性 指令的本质就是自定义属性 指令的格式：以v-开始（比如：v-cloak） v-cloak指令用法 插值表达式存在的问题：“闪动” 如何解决该问题：使用v-cloak指令 解决该问题的原理：先隐藏，替换好值之后再显示最终的值 <style type="text/css"> /* 阅读全文
摘要：
模板语法概述 前端渲染方式 原生js拼接字符串 使用前端模板引擎 使用vue特有的模板语法 原生js拼接字符串 基本上就是将数据以字符串的方式拼接到HTML标签中，前端代码风格大体上如图所示。 缺点：不同开发人员的代码风格差别很大，随着业务的复杂，后期的维护变得逐渐困难起来。 使用前端模板引擎 右侧 阅读全文
摘要：
发布时间： 2014年2月，Vue.js正式发布 2015年10月27日，正式发布1.0.0 2016年4月27日，发布2.0的预览版本 Vue：渐进式JavaScript框架 声明式渲染→组件系统→客户端路由→集中式状态管理→项目构建 官网：https://cn.vuejs.org/v2/guid 阅读全文
摘要：
1.Vue基础知识 01_vue概述及入门 02_vue模板语法概述 03_vue常用指令 04_事件绑定 05_分支循环结构 06_选项卡案例实现 07_Vue表单常用特性 08_自定义指令 09_计算属性和监听器 10_过滤器 11_实例的生命周期 12_变异方法和替换数组 13_图书馆案例 1 阅读全文