Vue简介

目录:
一学习Vue需要了解的知识
二什么是Vue
三Vue的简单使用
四学习Vue的好处
五参考资料
六备注

  1. 一学习Vue需要了解的知识
    1.HTML–参考连接:https://developer.mozilla.org/zh-CN/docs/Web/HTML
    2.CSS–参考连接:https://developer.mozilla.org/zh-CN/docs/Web/CSS

    3.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版本方式可以自己选择。 Vue简介
    c-还有NPM方法,以后用到后回来补充。

    2.截图列子 Vue简介
    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-组件式开发–待解释

    五参考资料

    六备注