2-02-vue的基本使用

一、基本使用步骤

1）导入vue.js的script脚本文件

2）在页面中声明一个将要被vue所控制的DOM区域

3）创建vm的实例对象（vue实例对象）

二、基本代码和MVVM的对应关系

三、vue的调试工具

3.1 安装vue-devtools调试工具

3.2 配置Chrome浏览器中的vue-devtools

点击Chrome浏览器右上角的设置，选择 更多工具->扩展程序->Vue.js
devtools详细信息，并勾选如下的两个选项：

注意：修改完配置项，须重启浏览器才能生效！

3.3 使用vue-devtools调试vue页面