初识vue(一)

来源:互联网 发布:怎么学办公室软件 编辑:程序博客网 时间:2024/05/16 07:25

vue是一个轻量化mvvm框架,在mvvm模式中的viewModel就是桥梁监控者,可以将数据进行传递,,加入它监控到model数据发生了变化,便会通知view视图进行更新。

vue是数据驱动,所谓数据驱动是指数据改变驱动了视图的更新,而我们传统的组珐是操作dom来改变视图,但vuejs只要改变数据就会自动改变视图,不用进行繁琐的dom更新,这个是MVVM框架的核心思想。

视图组件化:vue把整个网页拆分为一个个区块,每个区块我们可以看做一个组件,网页由多个组件拼接和嵌套组成,便于维护管理以及进行封装便于反复利用。

vue从某些方面上来说,就是简版的angularjs。

v-if 等于 ng-if 条件渲染指令(满足条件才会渲染在html里)
v-show等于 ng-show 条件渲染指令(始终会渲染在html里)
v-model等于ng-model 双向数据绑定
v-else 只有vue有
v-forl等于ng-repeat 基于一个数组渲染一个列表
v-bind 类似ng-bind 前者用于响应地更新html特性后者为单向数据绑定
v-on类似ng-click 作用一样,用法不一样。v-on的用法与v-bind相似

0 0