命令式编程

什么是命令式编程

关注过程的一种编程范式，它描述了完成一个功能的详细逻辑与步骤

声明式编程

什么是声明式编程

关注结果的一种编程范式，它不关心完成一个功能的详细逻辑与步骤（注意：这并不意味着不需要过程！声明式只是把过程进行了隐藏而已）

两者的代码示例

如我们要将 hello.world 通过代码展示到 html 中

命令式

通过 js 获取到模板的元素，再插入对应的字符串

<body>
  <div id="app"></div>
</body>

<script>
  const app = document.getElementById('app');
  app.innerHTML = 'hello.world';
</script>

声明式

通过模板渲染完成，但是如何渲染的并没有展现处理

<template>
  <div id="app">{{msg}}</div>
</template>

<script>
  export default {
    data: return {
      msg: 'hello.world'
    }
  }
</script>

性能以及维护性

性能

由于声明式我们只关注结果，如上代码示例，声明式最终呈现出来 hello.world 它需要一个编译的过程，而命令式不需要，因此在性能上面 命令式优于声明式。

可维护性

还是上述代码，命令式插入一个字符串需要获取到对应的 dom 元素，当我们有无数个这样的需求，就需要一直获取对应的 dom，这种操作相对繁琐， 而声明式不需要只需要开发中在对应的模板中插入数据即可，所以在可维护性上，声明式优于命令式。