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

framework7 vue-使用vue组件

vue.js javascript

sooon · 技术社区 · 6 年前

我有一个我想用的小项目 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 回复 | 直到 6 年前

Joshua Stephen 6 年前

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

this template .

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

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

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

Alfred.D.Cui 6 年前

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

推荐文章

StuP · 响应式Vue组件在数据更改时不更新

2 年前

dbzx10299 · 对从Api端点返回的数据使用Vue转换组

2 年前

mrDandaleonx · Vue3获取div内容并将其发布到表单

2 年前

ateymour · Vue3在异步调用后将道具传递给子组件

2 年前

Artur Müller Romanov · 是否可以有条件地渲染布局?

2 年前

Ilijanovic · 对象可能未定义

2 年前

devAR · 单击其他组件时,单选按钮未保持选中状态

2 年前

Coderama · 在v-for指令中使用:key属性时,TS应出现类型错误

2 年前

Suffii · Vue表单输入绑定的条件绑定存在问题

2 年前

akkonrad · 函数的作用是:返回数据属性为空的实例

2 年前