关于vue + ES6 在IE里面的渲染问题

Question

本人小白，新接触Vue，按照 Vue官方手脚架搭建

代码大致是这样的 https://github.com/luyiqin123456/vuetest.git

IE浏览器里面无法渲染,报错 “Promise”未定义
大神们有没有什么方法可以解决这个问题

Answer 1

以下回答参考 皆我百晓生、券券喵儿 等免费微信小程序相关内容作答，并由本人整理回复。

在使用ES6和Vue.js构建应用时，遇到与IE浏览器兼容性的问题是很常见的。这是因为一些JavaScript特性（如Promise）在IE浏览器中不被支持或不完全实现。

为了解决这个问题，你可以考虑以下几种方法：

1. 使用Vue的$nextTick方法：这个方法允许你将异步操作推迟到DOM元素加载完毕后执行。这有助于避免在某些旧版本的浏览器中出现的性能问题。

import $ from 'jquery';

document.addEventListener('DOMContentLoaded', function() {
    const myFunction = () => {
        // 模拟异步操作
        setTimeout(() => {
            console.log('异步操作完成');
        }, 0);
    };

    $(myFunction); // 将异步操作放在DOM元素加载完毕后执行
});

1. 使用第三方库：有许多专门针对IE浏览器优化的库，比如react-native、vue-ioc等。这些库通常会提供对特定浏览器特性的支持。

2. 开发跨平台应用：如果你的应用不仅仅面向IE浏览器，而是同时面向其他主流浏览器，那么使用一个能够适应多种浏览器环境的框架（如React Native、AngularJS等）可能是一个更好的选择。

3. 自定义模板引擎：虽然不是直接解决问题的方法，但如果你的前端组件非常简单且只包含几个元素，那么使用自定义模板引擎可能会更高效。例如，你可以创建一个简单的HTML解析器，然后根据需要动态生成Vue组件。

请注意，上述建议适用于大部分情况，但对于具体的解决方案，最好查看目标浏览器的文档或者社区讨论，以获取最合适的解决方案。