layui模板页面外部引用vue+vuetify踩坑

引入相关js

vue须放在vuetify前面

<script type="text/javascript" src="#(RESOURCE_HOST)/static/js/Vue/Vue.js"></script>
<script type="text/javascript" src="#(RESOURCE_HOST)/static/js/Vue/vuetify.min.js"></script>

页面部分,id为vue的id

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

模板引擎框架是用的layui

layui.use(['form'], function () {
        const responseOK = "0";
        const layer = layui.layer;
        const http = axios.create({
            baseURL: '#(ctxPath)/XXX/',
            timeout: 15000,
            withCredentials: true,
            responseType: 'json',
            transformRequest: [
                function transformRequest (data) {
                    return Qs.stringify(data);
                }
            ],
            maxContentLength: 2000
        });
        vue = new Vue({
         //初始化vuetify
         vuetify:  new Vuetify(),
            el: '#app',
            data: {
            },
            //vue语法
            ......
       })
});

完了之后发现IE访问报错
原因：IE不支持es6
解决：引入polyfill.min.js将es6解析为es5，先于vue引用

<script type="text/javascript" src="#(RESOURCE_HOST)/static/js/Vue/browser.min.js"></script>
<script type="text/javascript" src="#(RESOURCE_HOST)/static/js/Vue/polyfill.min.js"></script>