Vue.js 是一种基于 MVVM 模式的现代化 JavaScript 框架。Vue.js 的核心是“响应式系统”（Reactivity System），它允许开发者以声明式的方式将数据渲染成 HTML。

如下是一个简单的 Vue 组件：

  <template>
    <div>
      {{ message }}
    </div>
  </template>
  
  <script>
  export default {
      data() {
        return {
          message: 'Hello, Vue!'
        }
      }
    }
  </script>

在这个组件中，Vue.js 的“响应式系统”会自动跟踪 `message` 这个属性，当 `message` 改变时，它会自动重新渲染组件中使用该属性的地方。

Vue.js 的渲染工作是通过其模板引擎来完成的。模板引擎会将 Vue 组件中的模板转换成一个特殊的“渲染函数”（Render Function），该函数可以接收一个参数 `h`，并返回一个虚拟节点（Virtual Node）。虚拟节点是一个 JavaScript 对象，它描述了需要渲染的 DOM 元素。

下面是一个简单的“渲染函数”例子：

  function render(h) {
    return h('div', 'Hello, Vue!')
  }

这段代码会创建一个虚拟节点，它代表了一个包含文本节点的 `div` 元素。

当 Vue.js 需要渲染一个组件时，它会调用组件的“渲染函数”。渲染函数会返回一个虚拟节点，然后 Vue.js 会将该虚拟节点转换成真正的 DOM 元素，然后将其插入到页面中。