小实训学习资料整理（第七月）.docx
需积分: 0 2 浏览量
2019-06-27
14:31:26
上传
评论
收藏 98KB DOCX 举报
Vue
1. Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。
Vue 只关注视图层， 采用自底向上增量开发的设计。
Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
Vue 学习起来非常简单，本教程基于 Vue 2.1.8 版本测试。
2. Vuejs 是 MVVM 模式，其中 M 代表 model 应用程序的数据部分、V 代表 view 显示即
html 部分、VM 代表 viewmodel 应用程序的逻辑部分。
3. 一方面：通过 ViewModel 将 model 的数据绑定到 view 的 dom 元素上，当 model 里边的数
据发生变化的时候，通过 ViewModel 里边的数据绑定机制，触发 view 里边的 dom 元素发生
变化。
另一方面：又通过 ViewModel 来监听 view 里边的 dom 元素的数据变化，当页面上的 dom 元
素发生变化的时候，ViewModel 又通过 dom 树的监听机制，触发对应的 model 的数据变化。
4. Vue.js 模板语法：
1. Vue.js 使用了基于 HTML 的模版语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例
的数据。
2. Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。
3. 结合响应系统，在应用状态改变时， Vue 能够智能地计算出重新渲染组件的最小代价并应用
到 DOM 操作上。
4. 数据绑定最常见的形式就是使用 {{...}}（双大括号）的文本插值。
5. v-html 与 v-text：使用 v-html 指令用于输出 html 代码。
例：new Vue({
el: '#app',
data: {
message: '<h1>菜鸟教程</h1>'
}
});
v-text 指令用于绑定文本，绑定标签的 text 属性，与{{}}的作用相同。
1 / 23
剩余22页未读，继续阅读
资源评论
