如何在没有 framework7-vue 的情况下将 Framework 7 与 Vue 一起使用答案

【问题标题】：How to use Framework 7 with Vue without framework7-vue如何在没有 framework7-vue 的情况下将 Framework 7 与 Vue 一起使用
【发布时间】：2017-12-08 14:14:33
【问题描述】：

我是新手，想将 framework7 2.0.2 与 vue-webpack 样板模板一起使用。有什么想法吗？

当我运行开发服务器时，chrome 显示一个空白页面而没有任何错误，但是当我更改为它显示了一个 Vue 控制器的内容。

寻求帮助。我的 main.js 代码是这样的：

import Vue from 'vue’
import 'framework7/dist/js/framework7’
import 'framework7/dist/css/framework7.css’
import Routes from './routes.js’
import App from ‘./App’
/* eslint-disable no-new /
// Init App
new Vue({
el: ‘#app’,
template: ‘’,
// Init Framework7 by passing parameters here
framework7: {
/ id: ‘io.framework7.testapp’, /
root: ‘#app’,
/ Uncomment to enable Material theme: material: true, */
material: true,
theme: ‘md’,
routes: Routes
},
// Register App Component
components: {
app: App
}
})

【问题讨论】：

标签： vue.js html-framework-7

【解决方案1】：

framework7-vue 不是 vue 的必需品，它只是一个包装器。除了使用 vue 更好之外，因为它提供了更多选项。

您可以使用这些样板，据我所知，这些人制作的模板非常好

https://github.com/pvtallulah/base-vue-f7v2-template f7 v2

https://github.com/pvtallulah/base-vue-f7-webpack-cordova f7 v1

【讨论】：

【解决方案2】：

使用这些说明可以使用入门模板：

https://framework7.io/vue/templates.html

这将要求您克隆 git 存储库，因此如果您是新手，您可能需要去阅读它是如何完成的：

https://git-scm.com/book/en/v2

如果您正确设置了所有这些，您应该得到一个开箱即用的正在运行的应用程序。祝你好运。

【讨论】：