什么是VUE，安装vue-devtools调试工具

1.什么是vue

Vue是一套用于构建用户界面的前端框架。
为网站用户构建出美观、舒适、好用的页面。

• 使用vue构建用户界面，解决了jQuery+模板引擎的诸多痛点，极大提高了前端开发的效率和体验
• 它提供了构建用户界面的一整套解决方案：vue(核心库)、vue-router(路由方案)、vuex(状态管理方案)、vue组件库（快速搭建页面UI效果的方案）
  以及辅助vue项目开发的一系列工具：
  

2.vue的特性

**vue框架的特性,主要体现在如下两方面:**数据驱动视图，双向数据绑定



ViewModel作为MWVM的核心，是它把当前页面的数据源（Model)和页面的结构（View)连接在了一起。

当数据源发生变化时，会被ViewModel监听到，VM会根据最新的数据源自动更新页面的结构。
当表单元素的值发生变化时，也会被VM监听到，VM会把变化过后最新的值自动同步到Model数据源中。

3.基本使用步骤

1. 导入vue.js 的 script脚本文件
2. 在页面中声明一个将要被vue所控制的DOM区域
3. 创建vm 实例对象（vue 实例对象)

推荐大家安装的 VScode 中的 Vue 插件

1. Vue 3 Snippets 下载地址
2. Vetur https://marketplace.visualstudio.com/items?itemName=octref.vetur

4.安装vue-devtools调试工具

该工具能够方便开发者对vue项目进行调试与开发
Chrome浏览器在线安装vue-devtools
点击谷歌浏览器右上角的三个点
点击“更多工具”里面的“扩展程序”
然后点击

在搜索里面搜vue
然后找到如下两个工具，
左边的是vue3用的，右边是vue2用的