Question

我有一个小项目，我想过使用framework7-vue。我有一个简单的html，其中包含所有js链接：

HTML：

<script type="text/javascript" src="node_modules/axios/dist/axios.min.js"></script>
  <script type="text/javascript" src="node_modules/lodash/lodash.min.js"></script>
  <script type="text/javascript" src="node_modules/moment/moment.js"></script>
  <script type="text/javascript" src="node_modules/vue/dist/vue.min.js"></script>
  <script type="text/javascript" src="node_modules/framework7/dist/js/framework7.min.js"></script>
  <script type="text/javascript" src="node_modules/framework7-vue/dist/framework7-vue.min.js"></script>
  <script type="text/javascript" src="js/app.js"></script>

然后app.js：

var $$ = Dom7;
Vue.use(Framework7Vue, Framework7,$$);

new Vue({
  el: '#app',
property, e.g.:
  framework7: {
    name: 'My App',
    id: 'com.myapp.test',
    panel: {
      swipe: 'left',
    },
  },
  data: function () {
    return {
      userrole:"admin",
    }
  },
  mounted () {
    var self = this;
    self.getParcels();
  },
  // App root methods
  methods: {
//...
}
})

到目前为止一切正常。但是，如果我想使用vue component，我不确定如何加入。例如，如果我想使用vddl，我可以使用nom install将其添加到node_modules 1}}。但我不确定如何添加到我的vue app。

我尝试了import：

未捕获的SyntaxError：意外的标识符

我该如何解决这个问题？

Answer 1

您是否正在为cordova / phonegap平台构建？如果是，您当前使用的是哪个模板？

我建议您切换到this template。

当您阅读模板的自述文件时，您可以对要添加的任何包进行npm install，例如片刻等。

他们拥有符合ES6标准的所有设置。

此外，该模板可以帮助您轻松地部署到ios和Android平台。

PS：至于你在import语句中的错误，我认为它与你的babel依赖关系有关。如果您还包含package.json，它会给我更多的见解。

希望这有帮助。

Answer 2

安装npm后

在您的app.js中

import Vddl from 'vddl';
var $$ = Dom7;
Vue.use(Framework7Vue, Framework7,$$);
Vue.use(Vddl);

new Vue({
  el: '#app',
property, e.g.:
framework7: {
  ...
}

与Vddl Usage

我认为您的问题与Framework7-vue无关，关于VueJs组件。正如错误消息所述，这是一个SyntaxError，请尝试找出它，祝您好运！

framework7-vue - 使用vue组件

2 个答案: