标签：Vue DOM app 编程 命令式 声明

一般来说声明式编程是和命令式编程是一起来说的，理解这个问题最简单的方式是：命令式编程描述代码怎么工作，而声明式编程想要实现什么目的。

举个现实的栗子来说一下吧，如果你去了酒吧想喝一杯酒，对服务员做什么指示呢？？

命令式：1.从架子上拿一个酒杯

　　　　2.将酒杯放到酒瓶前

　　　　3.打开瓶盖，倒酒

　　　　4.把酒杯递给我

声明式：“请给我一杯酒”

按照声明式的方法点酒的前提是服务员是知道如何提供啤酒的，这就是声明式编程工作的原理。

那具体的例子呢，Vue.js 就是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统：

<div id="app">
  {{ message }}
</div>

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})

　Vue 在背后做了大量工作。现在数据和 DOM 已经被建立了关联，这时我们不再和 HTML 直接交互了。一个 Vue 应用会将其挂载到一个 DOM 元素上 (对于这个例子是 #app) 然后对其进行完全控制。那个 HTML 是我们的入口，但其余都会发生在新创建的 Vue 实例内部。

标签：Vue,DOM,app,编程,命令式,声明
来源： https://www.cnblogs.com/ahalvxiaobu/p/13748560.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。