代码之家 › 专栏 › 技术社区 › sooon

framework7 vue-使用vue组件

vue.js javascript

sooon · 技术社区 · 8 年前

我有一个我想用的小项目 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 . 但我不知道如何增加我的 vue app

我试过了 import :

我如何解决这个问题?

2 回复 | 直到 8 年前

Joshua Stephen 8 年前

您是否正在为cordova/phonegap平台进行构建?如果是,您当前使用的模板是什么?

this template .

当您阅读模板的自述时,您可以 npm install 对于您想要添加的任何包,例如矩等。

此外,该模板能够帮助您轻松地部署到ios和android平台。

PS:至于您在import语句上的错误,我认为这与您的babel依赖性有关。如果你把你的观点包括在内,我会有更多的见解 package.json

Alfred.D.Cui 8 年前

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组件的。正如错误消息所说,这是一个语法错误,试着找出它,祝你好运!

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前