Question

我是新手，希望将frame7 2.0.2与vue-webpack样板模板一起使用。任何想法？

当我运行dev服务器时，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
}
})

Answer 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

Answer 2

使用这些说明可以使用初学者模板：

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

这将要求您克隆git存储库，因此如果您不熟悉它，可能需要了解如何完成此操作：

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

如果你正确设置了所有这些，你应该开箱即用。祝你好运。

如何在不使用framework7-vue的情况下将Framework 7与Vue一起使用

2 个答案: