建议学习时长: 30分钟
学习方式:了解
学习目标
- 知道什么是 Vue.js
- 了解 Vue.js 的特点
- 能运行
Hello World
。
详细介绍
Vue.js(读音 /vjuː/,类似于 view) 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与单文件组件和 Vue 生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页应用程序提供驱动。
Vue.js 和 jQuery 不同的是:如果要修改页面的内容,用 jQuery 的方式是直接选择DOM,修改内容;用 Vue.js 的方式是修改数据,Vue.js 会根据我们会写好的数据与页面内容的关联关系,Vue.js 自动的更新页面。
有中文官网和中文文档(妈妈再也不担心我英文不好)~
特点
- 易学,易用。API 简洁明了。
- 灵活。简单小巧的核心,渐进式技术栈,足以应付任何规模的应用。
- 高效。20kb min+gzip 运行大小;超快虚拟 DOM;最省心的优化。
入门
1 引入 Vue.js 的脚本
<script src="https://unpkg.com/vue"></script>
2 HTML 中加如下内容
<div id="app">
{{ message }}
</div>
<script>
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
</script>
页面输出结果:Hello Vue!