实现步骤： 1. 实现静态UI效果 用传统的方式实现标签结构和样式 2. 基于数据重构UI效果 将静态的结构和样式重构为基于Vue模板语法的形式 处理事件绑定和js控制逻辑 3. 声明式编程 模板的结构和最终显示的效果基本一致 <!-- CSS样式 --> <style type="text/css Read More
实现功能： 需求：实现简单的加法计算，分别输入数值a和数值b，点击计算按钮，结果显示在下面。 ① 通过v-model指令实现数值a和数值b的绑定② 给计算按钮绑定事件，实现计算逻辑③ 将计算结果绑定到对应位置 <div id="app"> <h1>简单计算器</h1> <div> <span>数值A Read More
模板语法： 插值表达式 指令 事件绑定 属性绑定 样式绑定 分支循环结构 1. 插值表达式 使用{{ }}的形式将数据显示在页面中 <div>{{msg}}</div> 2. 指令 ① 什么是指令？ 指令的本质就是自定义属性 指令的格式：以v-开始（比如： v-cloak） ② v-cloak指令用 Read More