最近打算写一整套的vue基础与实战,大家如果感兴趣可以看一下,下面就开始从最开始的helloworld开始~~,走起!!!(如果你对于HTML,css,js的知识还没有初级的水平,建议您去继续强化基础知识)
一.Vue到底是神马,为什么会越来越火
Vue笼统的讲就是一个基于MVVM搭建的超实用的前端框架,而我们仔细思考呢,其实他并没有完全体现MVVM的思想,而是采用,所以小伙伴这个一定要注意哦。Vue有哪些优点呢?首先我们引入官网的一段话:
Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue
被设计为可以自底向上逐层应用。Vue
的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue
也完全能够为复杂的单页应用提供驱动。
不难看出Vue在数据渲染以及组件化确实做的很完美,也对前后端做了完美的分离,下面就从第一个例子入手吧。
二.Hello World程序起步
Vue做的是动态数据绑定,我们只需要实例化Vue之后,重写构造函数即可,直接上代码。
<!--创建盒子-->
<div id="app">
<p>{{message}}</p>
</div>
<script>
let vm = new Vue({
//绑定
el:"#app",
data:{
message:"Hello World"
}
})
</script>
这段代码写完后就可以在页面上展示Hello World了是不是很神奇,那么这段代码底层到底如何实现的呢?
Vue数据绑定原理
在下一节我们将介绍Vue指令、方法以及监听器的用法。
如有错误,请大神留言指正,谢谢!!!