原因在使用export就不能在定义el:来指向<template>中的顶层id,el指向指向<template>中的顶层id只能是在

 var vm = new Vue({

  el: '#example',

  data: {

    message: 'Hello'

  },

  computed: {

    // 计算属性的 getter

    reversedMessage: function () {

      // `this` 指向 vm 实例

      return this.message.split('').reverse().join('')

    }

  }

})

错误示例

<template>

  <div id="example">

    <div>

      <h1>计算属性演示</h1>

      <p>原始数据{{ Msg }}</p>

      <p>反转后数据{{ reversedMessage }}</p>

    </div>

  </div>

</template>

<script>

import {} from "../../../api/common.js";

export default {

  el: "#example",

  name: "vueTexjs",

  props: {},

  data() {

    return {

      Msg: "Zhaoqing"

    };

  },

  components: {},

  computed: {

    reversedMessage: function() {

      return this.Msg.split("")

        .reverse()

        .join("");

    }

  },

  mounted() {},

  watch: {},

  methods: {}

};

</script>

<style lang="less">

</style>