经测试,Vista下的IE9运行此例程失败,报错如下:
SCRIPT1002: 语法错误 vue.js, 行13 字符44SCRIPT5009: “Set”未定义 babel.js, 行1 字符12850
去掉babel.js后,本例程就能在Vista的IE9下运行。
<!doctype html><html><head><meta charset="utf-8"><title>Learn Vue2</title><script src="vue.js"></script></head><body><div id="app"> {{ message }}</div><script>var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' }})</script></body></html>
IE9在正常情况下console对象为未定义(undefined),只有按F12打开调试窗口后console对象才有效。
所以,对于下面含babel的代码,只有按F12打开调试窗口后才能正常运行,打印出“Hello Vue!”。
Vue.js的版本号为v2.7.16,Babel的版本号为6.26.0。
<!doctype html><html><head><meta charset="utf-8"><title>Learn Vue2</title><script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.min.js"></script><script src="https://cdn.jsdelivr.net/npm/babel-standalone@6.26.0/babel.min.js"></script><script type="text/babel">var app = new Vue({ el: "#app", data: { message: "Hello Vue!" }})</script></head><body><div id="app"> {{ message }}</div></body></html>