简介
官网:cn.vuejs.org/ 手册:cn.vuejs.org/v2/api/
Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动
安装
兼容性 Vue 不支持 IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。
最新稳定版本:2.6.10 直接下载并用
基本使用
1、 var vm = new Vue() : 每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 根实例开始的
2、el: 挂载点,表示vue实例接管了对id=app的元素的控制
3、data: 数据
4、{{msg}} : 模板中的文本插值,表示此处插入msg变量所存储的数据
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="app">
{{msg}}
</div>
<script src="lib/vue.js"></script>
<script>
var vm = new Vue({
el: '#app',
data: {
msg: 'hello world'
}
});
// vm.msg = 'good luck'
</script>
</body>
</html>