VUE学习笔记--Vue简介

浏览器中安装vue-devtools调试工具

直接在浏览器中的拓展商店中搜索vue-devtools,安装之后进入管理拓展界面,允许该拓展访问文件的地址

Vue简介

什么是Vue
Vue是一套用于构建用户界面的前端框架
构建用户界面:用Vue往页面中填充数据非常方便
框架:一套现成的解决方案
vue的特性
1.数据驱动视图
2.双向数据绑定
数据驱动视图
使用vue的页面中,vue会监听数据的变化,自动重新渲染页面的结构(数据视图是单向的数据绑定)
VUE学习笔记--Vue简介_第1张图片
双向数据绑定
在填写表单时,双向数据绑定可以辅助开发者在不操作dom的前提下自动把用户填写的内容同步到数据源,开发者不用再手动操作dom
VUE学习笔记--Vue简介_第2张图片

MVVM

MVVM
是vue实现数据驱动视图和双向数据绑定的核心原理,MVVM是指Model、View、ViewModel,它把每个HTML页面拆分成者三个部分
VUE学习笔记--Vue简介_第3张图片
Model表示当前页面渲染时所依赖的数据源
View表示当前页面所渲染的DOM结构
ViewModel表示vue实例,是MVVM的核心

MVVM的工作原理

VUE学习笔记--Vue简介_第4张图片

vue的版本

VUE学习笔记--Vue简介_第5张图片

你可能感兴趣的:(VUE学习笔记,vue.js,学习,javascript,前端)