关于vue与wechat 上无法运行

1.我通过laravel5.3版本, 通按照官方文档这样写法,在pc端的浏览器与微信开发者工具都可以运行的。但是当我用真机微信x5浏览器访问的时候,却无法触发到vue的一些效果,写法是es6写法,前端ui是mint ui。请问有人遇到过我这样的问题吗?
2.我通过查找到许多浏览器得知微信等一些浏览器无法兼容es6的写法,当我更改成es5写法的时候,还是不行。难道vue的兼容性就这么差吗?如果兼容性差,那么官方的demo的却可以完美的在微信中跑?这又是什么原因呢?
如上所述两点,请问有人和我一样遇到过相同的问题吗?

以下是我粘贴官方的一个demo:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <!-- 引入样式 -->
  <link rel="stylesheet" href="https://unpkg.com/mint-ui/lib/style.css">
</head>
<body>
  <div id="app">
    <mt-button @click.native="handleClick">按钮</mt-button>
  </div>
</body>
  <!-- 先引入 Vue -->
  <script src="https://unpkg.com/vue/dist/vue.js"></script>
  <!-- 引入组件库 -->
  <script src="https://unpkg.com/mint-ui/lib/index.js"></script>
  <script>
    new Vue({
      el: '#app',
      methods: {
        handleClick: function() {
          this.$toast('Hello world!')
        }
      }
    })
  </script>
</html>

mint demo :http://elemefe.github.io/mint-ui/#/

将前端es6的代码用babel转换成es5的试试。安卓版的微信对es6的支持很差,有些通过转译都不能在微信上跑起来。

你可以用微信的开发者工具,连上安卓手机,看看是哪里报错。

JellyBool

es6 原生的支持确实不是所有浏览器都可以的,微信内置的浏览器就不用说了,本身内置浏览器就阉割很多东西。而 vuejs 是否支持在微信内置浏览器的使用,我本身没有什么经验,但是从 zhijia.io 和 mint-ui 来看,至少这两个都是可以正常运行的。

所以我个人觉得 debug 的逻辑不应该是:

难道vue的兼容性就这么差吗?如果兼容性差,那么官方的demo的却可以完美的在微信中跑?这又是什么原因呢

而是:

为什么官方的demo的可以完美的在微信中跑?我的就不行呢?是我哪里写错了么?

Yawenina

将前端es6的代码用babel转换成es5的试试。安卓版的微信对es6的支持很差,有些通过转译都不能在微信上跑起来。

你可以用微信的开发者工具,连上安卓手机,看看是哪里报错。

suriski

1.首先非常感谢大家的回答,这几天都在研究着如何让vue执行在wechat上.2.推荐大家可以一个工具可以检测浏览器的对es6的支持http://ruanyf.github.io/es-checker/