看了大半年的AngularJS一直对与之相提并论的ReactJS及VueJS很感兴趣,简单的写了一个入门演示:
官网是这个:http://vuejs.org/ 作者是中国人,还是很自豪的
与Angular类似,需要引入vue.js文件。
示例代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="vue.js"></script>
</head>
<body>
<div id="app">
<p>{{message}}</p>
<input v-model="message">
</div>
<script>
var exampleData = {
message: "hello world"
}
new Vue({
el: "#app",
data: exampleData
})
</script>
</body>
</html>
效果:
第一眼感觉跟Angular很像,都用到了{{ }}符号进行数据绑定,而且v-model像极了ng-model的双向绑定,不同之处没用使用到类似ng-controller这样的指令来定义作用域,而是使用Dom属性比如id为app的元素来进行数值绑定。
此文档的作者:justforuse Github Pages:justforuse
转载请注明原文地址: https://ju.6miu.com/read-1312642.html