本文介绍了在Framework7 6.x版本中，如何使用标签进行模块化开发。代表虚拟模块，用于封装页面元素的数据、请求和操作。通过componentUrl指定路由目标，并在模板内创建私有内容。组件内的数据和方法可通过特定格式的输出函数进行交互。文中展示了页面中使用组件和数据的例子。
2、<template>
如果引入的fw7的js是 framework7-bundle.min.js，在6.x版本中，<template>标签所代表的就是一个虚拟的模块，模块可以被复用，和js ES6中的模块不同的是，这个模块以页面为主体，围绕页面元素的数据，请求，操作等形成模块的封装，它和view中普通的page不同，会在内存中开辟出一个区域用于存储和计算其中的内容，这是自动装配的，数据如果有更新的话，也可以自动刷新，它的编写由如下部分组成：
a、<template>标签对包裹对应的 page 页面;
b、在route中的指向需要填写的跳转目标不是url，而是componentUrl（当然也可以直接在route中直接写页面内容段）;
c、在这个template中，内容都是私有的，因为它会被装配到一个单独的虚拟内存中，要做数据交换和执行其中的方法，它的方式是输出，固定的格式类似ES6的模块输出：
<script>
export default function(props, {
$f7,
$f7router,
$on,
$onBeforeMount,
$onMounted,
$onBeforeUnmount,
$onUnmounted
}) {
let name = '一叶知秋';
let age = 34;
let likes = ['台球', '小提琴', '书法'];
最低0.47元/天 解锁文章
996
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
