记录一次使用原生antd.js、antd.css、vue.js的过程

有些项目中（krpano.js、cesium.js）使用vue-cli不方便，于是尝试使用原生引入js、css的方式用ant design vue，官网也给出这样使用的方式（官网不建议这样使用），在做例子的时候遇到了一些问题：

1、页面整个垮掉，什么都没有还报错，出错的地方在antd.js

这个出错原因在于vue.js的引入放在了antd.js的后面，antd.js中使用了vue组件式开发，因此要在antd.js之前引入。

2、a-sub-menu组件中，a-icon后面的span中的文字不显示

对应的代码：

    Navigation One
    
        
        Option 1
        Option 2
    
    
        Option 3
        Option 4
    

看着比较干涩；把里面的改为，问题解决

3、使用时间组件，页面报错，引入moment.js文件就可以了，还不显示，那就把时间组件也改为双标签<>使用

4根据第三个问题延伸一下，用span包裹br试试
,果然并没有什么效果，还是没换行，在第二个问题里面试试，神奇，效果甚好，原因嘛我也说不清楚，可能因为div本身就是占一行br换行将其撑开，span包裹的是一块文本，很适合icon那一块，

5、layout布局，直接上图吧，效果稀烂，中间那些icon已经改成兼容的了，展示的还不是最烂的

以上是我和朋友遇到的一些问题汇总，后面应该还会出现其它问题；也使用了ivew.js、ivew.css，问题也基本类似，vue.js文件引入在前，修改一些标签使用类似于i-button，都能解决问题；附代码，内容基本和官网一致
a-menu的代码：

    
        
            
            
            Navigation One
        
        
            
            Option 1
            Option 2
        
        
            Option 3
            Option 4
        
    
    
        Navigation Two
        Option 5
        Option 6
        
            Option 7
            Option 8
        
    
    
        Navigation Three
        Option 9
        Option 10
        Option 11
        Option 12
    

DatePicker的代码：

Layout的代码：