摘要：Vue概述 Vue基本使用 Vue模板语法 基础案例 Vue常用特性 综合案例 1. Vue概述 Vue：渐进式JavaScript框架声明式渲染→组件系统→客户端路由→集中式状态管理→项目构建 官网：https://cn.vuejs.org/v2/guide/ 易用：熟悉HTML、CSS、Java 阅读全文

摘要：常用特性概览： 表单操作 自定义指令 计算属性 侦听器 过滤器 生命周期 1. 表单操作 ① 基于Vue的表单操作 Input 单行文本：使用v-model来绑定 textarea 多行文本：textarea的用法与input类似，但是不可以在textarea的中间处理这个值。在vue中，texta 阅读全文

摘要：实现步骤： 1. 实现静态UI效果 用传统的方式实现标签结构和样式 2. 基于数据重构UI效果 将静态的结构和样式重构为基于Vue模板语法的形式 处理事件绑定和js控制逻辑 3. 声明式编程 模板的结构和最终显示的效果基本一致 <!-- CSS样式 --> <style type="text/css 阅读全文

摘要：实现功能： 需求：实现简单的加法计算，分别输入数值a和数值b，点击计算按钮，结果显示在下面。 ① 通过v-model指令实现数值a和数值b的绑定② 给计算按钮绑定事件，实现计算逻辑③ 将计算结果绑定到对应位置 <div id="app"> <h1>简单计算器</h1> <div> <span>数值A 阅读全文

摘要：模板语法： 插值表达式 指令 事件绑定 属性绑定 样式绑定 分支循环结构 1. 插值表达式 使用{{ }}的形式将数据显示在页面中 <div>{{msg}}</div> 2. 指令 ① 什么是指令？ 指令的本质就是自定义属性 指令的格式：以v-开始（比如： v-cloak） ② v-cloak指令用 阅读全文