Framework 7
made with Vuejs

Framework7是一个用于构建iOS和Android应用的框架，是一个免费的开放源代码框架，用于开发具有原生外观的移动、桌面或Web应用程序。

Framework7也是必不可少的原型制作工具，可以在需要时尽快显示可运行的应用程序原型。

安装

Npm

npm i framework7-vue

Yarn

yarn add framework7-vue

浏览器

<script type="text/javascript" src="path/to/vue.min.js"></script>
<script type="text/javascript" src="path/to/framework7.bundle.min.js"></script>
<script type="text/javascript" src="path/to/framework7-vue.bundle.min.js"></script>

使用

引入并注册

引入 F7

import Framework7 from 'framework7/framework7-lite.esm.bundle.js'

引入 F7-Vue 插件

import Framework7Vue from 'framework7-vue/framework7-vue.esm.bundle.js'

初始化F7-Vue插件

Framework7.use(Framework7Vue);

引入主页面

import App from './app.vue';

初始化程序

new Vue({
  el: '#app',
  render: (h) => h(App),
  // ...
});

示例