Vue+JS+layUI 完成预览模式功能

1.预览模式

更新站点：java小白翻身官网（网址：java18.cn）

更新原因：方便浏览文章，和步骤阅读法相得益彰。

更新内容：PC端在具体的教程页面，目录下方增加一个预览模式的按钮。

点击后会打开一个窗口，里面就是当前的教程，我进行了重新排版。

效果如下：

因为用了vue，我就不需要再重新后台写接口了，改一下html就搞定。

关键代码：

	预览模式





		
			{{item.stepNum}}.{{item.name}}
			
		

JS：

openPreview: function(){
	this.layerId = layer.open({
	    type : 1,
	    area : [ '800px', '600px' ],
	    content : $('#preview')
    });
},