Vue.js 是一个流行的前端 JavaScript 框架，其中最常使用的六大指令是 v-if、v-show、v-for、v-bind、v-on 和 v-model。同时，Vue.js 还提供了渲染器，用于将 Vue 实例渲染为实际的 DOM 元素。

　　下面是对这六大指令和渲染器的详细说明和示例：

　　v-if 指令

　　v-if 指令可以根据表达式的真假情况来控制元素的渲染或销毁。如果表达式为真，则渲染元素;否则，销毁元素。

<div v-if="show">这个元素会根据 show 的值进行渲染或销毁。</div>

 　　v-show 指令

　　v-show 指令可以根据表达式的真假情况来控制元素的显示或隐藏。如果表达式为真，则显示元素;否则，隐藏元素。和 v-if 不同的是，v-show 不会销毁元素。

<div v-show="show">这个元素会根据 show 的值进行显示或隐藏。</div>

 　　v-for 指令

　　v-for 指令可以遍历数组或对象，在页面上渲染多个相同或不同的元素。

<ul>
  <li v-for="item in items">{{ item }}</li>
</ul>

 　　v-bind 指令

　　v-bind 指令用于动态绑定元素属性，常用于绑定 HTML 特性、标签属性、CSS 样式等。

<img v-bind:src="imgSrc">

 　　上述示例中，imgSrc 是 Vue 实例中的一个变量，用于动态绑定图片的路径。

　　v-on 指令

　　v-on 指令用于监听 DOM 事件，并在事件触发时执行 Vue 实例中的方法。

<button v-on:click="handleClick">点击我</button>

 　　上述示例中，handleClick 是 Vue 实例中定义的一个方法，用于在按钮被点击时执行相关操作。

　　v-model 指令

　　v-model 指令用于双向数据绑定，将表单元素的变化同步到 Vue 实例中的数据，同时也将 Vue 实例中数据的变化同步到表单元素中。

<input type="text" v-model="message">

 　　上述示例中，message 是 Vue 实例中定义的一个变量，用于与输入框双向绑定。

　　渲染器

　　渲染器用于将 Vue 实例渲染为实际的 DOM 元素。在 Vue.js 2.0 中，渲染器是一个独立的库，并不包含在主要的 Vue.js 包中。

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

// 创建 Vue 实例
var app = new Vue({
  data: {
    message: 'Hello Vue!'
  }
})

// 获取渲染器
var renderer = require('vue-server-renderer').createRenderer()

// 将 Vue 实例渲染为 HTML 字符串
renderer.renderToString(app, function (err, html) {
  if (err) throw err
  document.getElementById('app').innerHTML = html
})

 　　在上述示例中，我们通过获取渲染器和调用 renderToString 方法将 Vue 实例渲染为 HTML 字符串，并将其插入到页面中。