【Vue知识体系总结 2】Vue动态绑定v-bind，web开发工具

message: ‘你好啊，哪吒’

}

})

// 命令式编程

// 1.创建div元素，设置id属性

//2.定义一个变量叫message

//3.将message变量放到前面的div中显示

2、vue列表展示

• { {item}}

• 

  

  3、实现简单计数器

  当前计数：{ {counter}}

  +

  -

  

  五、vue中的MVVM

  ---

  MVVM有助于将图形用户界面的开发与业务逻辑或后端逻辑（数据模型）的开发分离开来，这是通过置标语言或GUI代码实现的。MVVM的_视图模型_是一个值转换器，这意味着视图模型负责从模型中暴露（转换）数据对象，以便轻松管理和呈现对象。在这方面，视图模型比视图做得更多，并且处理大部分视图的显示逻辑。视图模型可以实现中介者模式，组织对视图所支持的用例集的后端逻辑的访问。

  

  六、理解vue生命周期

  ---

  1、生命周期代码实例