黑马程序员：Vue.js快速入门 Vue.js简介 了解Vue.js Vue.js 是一个轻巧、高性能、可组件化的 MVVM 库，同时拥有非常容易 上手的 API。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组 合的视图组件，它不仅易于上手，还便于与第三方库或既有项目整合. Vue.js安装 下载 Vue.js:/vuejs/vue （我们现在使用的版本是2.5.16 ） 快速入门 声明式渲染 我们现在做个最简单的小例子，演示如何使用 Vue.js 实现声明式渲染。 黑马程序员郑州中心 编著 创建 Vue_1.html ，将 Vue.js 资料包下的 dist 目录的 vue.min.js 拷贝到工程中， 并在 html 页面中引入

分析： {{message}} : 表示 view。 new Vue() ：表示创建Vue 对象，用于连接 view 和 model。 el:表示指向 view。 data ：表示指向model。 通过 Vue 对象连接 view 和 model ，{{message}}就可以获取到 Vue 对象中 data 定义的 message 的内容。 运行结果如下： 黑马程序员郑州中心 编著 绑定元素特性 Vue.js除了声明式渲染之外，还可以进行绑定元素的特性： 创建Vue_2.html

黑马程序员郑州中心 编著 分析： v-bind:称为指令,将这个元素节点的 titl 特性和 Vu 实例的 messag 属性保持一致 运行结果如下： 双向绑定示例 我们刚才的例子非常简单，咱们再来看一下 Vue.js 双向数据绑定的使用：创建 Vue_3.html