Vue基础学习(一)

最近打算写一整套的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指令、方法以及监听器的用法。
如有错误,请大神留言指正,谢谢!!!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值