黑马程序员: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

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注