VUE学习（一）- 介绍及安装vue开发者调试工具（devtools）

介绍

什么是VUE

• VUE是一个渐进式JavaScript框架，主要用于动态构建用户界面，将后台数据在前台动态显示。

Vue的特点

• 遵循MVVM模式
• 编码简洁，体积小，运行效率高，适合移动/PC端开发
• 只关注UI，可以轻松引入Vue插件或其他第三方库开发项目

Vue扩展插件

• vue-cli: Vue脚手架
• vue-resource(axios): ajax请求
• vue-router: 路由
• vuex: 状态管理
• vue-lazyload: 图片懒加载
• vue-scroller: 页面滑动相关
• mint-ui: 基于Vue的UI组件库(移动端)
• element-ui: 基于Vue的UI组件库(PC端)

基本使用

创建一个简单的Vue项目

1. 下载Vue.js
2. 创建一个HTML页面
3. 完成

安装Vue开发者调试工具（devtools）

步骤

1. 下载devtools插件
2. 使用谷歌打开chrome://extensions/，打开开发者模式
3. 将下载后的文件拖拽到谷歌中
4. 如果出现错误，将插件文件改名为zip，解压后加载已解压的扩展程序
5. 安装完成

测试

• 附件：VUE学习（一）- 介绍及安装vue开发者调试工具（devtools）

下载链接

VUE学习一-介绍及安装vue开发者调试工具devtools