vue框架

一、介绍

vue是一款用于构建用户界面的渐进式的基于mvvm架构模式的javaScript框架。

mvvm组成：

Model：js里变量数据

View：页面上HTML元素

ViewModel：是Vue.js的核心，它是一个Vue实例

让Model和View产生联系，并让DOM和数据保持同步

• DOM Listeners:监听页面上的数据改动后，将同步更新到Model内

• Data Bindings:当Model内数据发生改变时，页面上相应的DoM会重新渲染

二、内置指令

三、计算属性

定义：

在computed选项中的函数，函数必须要有返回值，计算属性即为返回值；

特点：

• 响应式属性的变化【自动】计算
• 本质时一个属性，可以像data中定义的响应式属性一样在模板中使用
• 缓存

可写计算属性：