html的Vue.js框架概述

前端的三大框架:

Augular.js 由Google的研发团队最先写出

React.js 由facebook的团队继Augular.js之后写出

Vue.js 由中国的前端开发工程师尤雨溪写出

Vue.js可以作为一个js库来使用,也可以用它全套的工具来构建系统界面,这些可以根据项目的需要灵活选择,所以说Vue.js是一套构建用户界面的渐进式框架

Vue.js的核心库只关注视图层,Vue的目标是通过尽可能简单的API实现相应的数据绑定,在这一点上Vue.js类似于后台的模板语言.

在编辑html文件中,通过script标签引入Vue.js库

<script type="text/javascript" src="./js/vue.js"></script>

每个Vue应用都是通过实例化一个新的Vue对象开始的:

window.onload = function(){

var app = new Vue({

el:"#app",

data:{

message:'Hello World'

}

});

}

其中,el属性对应一个标签,当Vue对象创建后,这个标签的区域就能被Vue对象接管,在这个区域内就可以使用Vue对象中定义的属性和方法