直接在html中引入Vue.js的cdn来实现一个简单的文档单页

摘要

平时要编写一篇技术文档、开发文档、博客，都有很多的选择。例如Vuepress，showDoc，甚至使用腾讯文档等这一类的文档工具，都可以写。我现在使用html引入vue.js的方式编写一个单页文档网页。

  
  
  
  
  
  



  


    
    


    


      
      

        

          

            

              {{ item.name }}
            
            

              

                {{ subItem.name }}
              
            
          
        
      

      
      


        
        
          
        
      
    
  

  

同样的，这个单页文档也是一个半成品，你需要引入vue.js的cdn、vue-router.min.js的cdn、以及axios.min.js的cdn，我这里是直接下载到本地了，因为比较快。

通过Json来配置左侧的导航和右侧的内容。这里还没有做请求接口获取数据，后期可以增加一个接口请求，获取数据并输出json来渲染文档。

以上代码是本地版，如需包含编辑器，数据库后端等的可以咨询我。

demo

http://demo.likeyunba.com/vue-doc-spa/#/

同样的，这就是一个Vue应用，只不过没有通过工程化构建工具去做，而是引入cdn来使用Vue，也有自定义组件、路由管理、transition过渡动画等相关的配置。

作者

TANKING