什么是vue?
vue是一套用于构建用户界面的渐进式框架,使用vue,可以完全在浏览器端渲染页面,服务端只提供数据,可以非常方便的构建单页面使用。
vue的两个特性
1.数据驱动视图
○ 数据的变化会驱动视图自动更新
○ 好处:程序员只管把数据维护好,那么页面结构会被vue自动渲染出来!
2.双向数据绑定
在网页中,form表单负责采集数据,ajax负责提交数据。
○ js数据的变化,会被自动渲染到页面上
○ 页面上表单采集的数据发生变化的时候,会被vue自动获取到,并更新到js数据中。
注意:数据驱动视图和双向数据绑定的底层原理是MVVM(Mode 数据源、View 视图、ViewModel 就是 vue 的实例)
vue指令
1.内容渲染指令
1.v-text 指令的缺点:会覆盖元素内部原有的内容!
2.{ { } } 插值表达式:在实际开发中用的最多,只是内容的占位符,不会覆盖原有的内容!
3.v-html指令可以把带有标签的字符串,渲染成真正的HTML内容