Vue 的引入方式

CDN 引入

本地引入

vue.js 需要自己下载

使用 Vue

基本使用

基本使用

案例体验一：动态展示 Hello World 数据

案例体验二：列表数据

案例体验三：计数器功能

Vue 绑定事件更方便

<aside> 💡 Template 部分不写到 Vue 对象里可不可以？

改成这样的写法，Vue 不知道要渲染谁

1. 可以直接删除 Vue 对象里的 template 部分

   

</aside>

<aside> ❔ 如果使用原生实现计时器案例？（命令式编程对比声明式编程）

• 原生开发模式，强调过程，思考要想达到某个目的需要实现哪些操作（命令式编程）
• Vue 先声明一个模板，声明数据变量，自动监测数据变化

</aside>

MVVM 模型（概念理解）

• MVC：在前期流行使用，
• MVVM：Model-View-ViewModel，目前流行
• Vue 在 MVVM 中扮演 ViewModel 的角色