vue.js的使用

Posted 2020-10-16

介绍

　　vue.js是什么？

　　Vue.js (读音 /vju?/，类似于 view) 是一套构建用户界面的渐进式的框架。与其他框架不同的是Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组建和Vue生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页应用程序提供驱动。

　　案例

　　<div id="hello">

　　　　{(message)}

　　</div>

　　　　<script>

　　　　　　var  p = new vue(){

　　　　　　　　el:"#hello"

　　　　　　　　data:{

　　　　　　　　message:‘‘hello,vue",

　　　　　　}

　　　　}

　　　　</script>

　　　　最后输出 hello,vue

　　　　

　　　　　　　　

 

　　　　　 小结：

　　　　1、抛开手动操作的思维，vue.js是数据驱动的，你无需手动操作DOM。　

　　　　2、将DOM和数据绑定起来，DOM将和数据保持同步，每当变更数据，

　　　　DOM也会相应的更新。

　　　　3、MVVM模式（Model-View-ViewModel）

　　　　ViewModel是如何View以及Model进行交互的。

　　　　model放在data（可能多项）

　　　　view放在el（view里面的｛｛｝｝可能多项，跟model对应）

　　　　4、ViewModel是vue.js的核心，它是一个Vue的实例。

　　　　Vue实例是一个作用于某一个html元素上的，这个元素可以是HTML的body元素。

　　　　5、所有的元素都是响应式的