Vue简介
目录:
一学习Vue需要了解的知识
二什么是Vue
三Vue的简单使用
四学习Vue的好处
五参考资料
六备注
-
一学习Vue需要了解的知识
1.HTML–参考连接:https://developer.mozilla.org/zh-CN/docs/Web/HTML
2.CSS–参考连接:https://developer.mozilla.org/zh-CN/docs/Web/CSS3.JavaScript–参考连接:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript
4.备注:关于web基础的优秀学习资料有很多,可以自行查阅。二什么是Vue?
1.是一套构建用户界面的渐进式框架,只关注视图层,采用自底向上增量开发的设计,目的是通过尽可能简单的API实现响应的数据绑定和组合的视图组合件。
2.解释:
a:渐进式框架:
b:只关注涂层且自底部向上增量开发:
c:数据绑定:通过Vue的属性与多个HTML标签的绑定,实现属性改变标签也会进行响应的改变。
d:组件式开发:通过Vue的模块封装,可以将一个web开发中各种模块进行数据绑定,调用对应模版组件,传入参数,相互组合即可完成一个项目。三Vue的简单使用
1.使用Vue
a-下载后放到本地使用,由于我学习的时候是使用CDN文件的方式,所以这部分不做介绍。
b-CDN方式–如下截图,Vue版本方式可以自己选择。
c-还有NPM方法,以后用到后回来补充。2.截图列子
3.列子介绍
a-div标签就不介绍了
b-new Vue({})是Vue构造器,通过这个构器可以实例化一个Vue对象。
c-构造器里面有参数el,data,methods…等等,参数之间用逗号隔开
d-el参数绑定DOM元素的id,一旦确定id,接下来的操作都是在这个DOM元素内部改动的,这里可以是div之外的DOM元素。
e-data参数用来定义属性,属性可以是布尔类型、字符串、数组等等
f-Vue具有响应式系统,当Vue对象的data参数的属性值发生改变时,对应的html视图也会发生改变,这个接下来会专门说一下。四:学习Vue的好处
a-数据双向绑定–Vue对象的改变会直接影响HTML标签的改变,HTML标签的改变也会影响到Vue对象的改变。所以叫双向数据绑定。
b-组件式开发–待解释五参考资料
六备注