手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >微信小程序 教程之引用
微信小程序 教程之引用
摘要:系列文章:微信小程序教程之WXSS微信小程序教程之引用微信小程序教程之事件微信小程序教程之模板微信小程序教程之列表渲染微信小程序教程之条件渲...

系列文章:

微信小程序 教程之WXSS

微信小程序 教程之引用

微信小程序 教程之事件

微信小程序 教程之模板

微信小程序 教程之列表渲染

微信小程序 教程之条件渲染

微信小程序 教程之数据绑定

微信小程序 教程之WXML

引用

WXML提供两种文件引用方式import和include。

import

import可以在该文件中使用目标文件定义的template,如:

在item.wxml中定义了一个叫item的template:

<> <template name="item"> <text>{{text}}</text> </template>

在index.wxml中引用了item.wxml,就可以使用item模板:

<import src="item.wxml"/> <template is="item" data="{{text: 'forbar'}}"/>

import的作用域

import有作用域的概念,即只会import目标文件中定义的template,而不会import目标文件import的template。

如:C import B,B import A,在C中可以使用B定义的template,在B中可以使用A定义的template,但是C不能使用A定义的template。

<> <template name="A"> <text> A template </text> </template>

<> <import src="a.wxml"/> <template name="B"> <text> B template </text> </template>

<> <import src="b.wxml"/> <template is="A"/> <> <template is="B"/>

include

include可以将目标文件出了<template/>的整个代码引入,相当于是拷贝到include位置,如:

<> <include src="header.wxml"/> <view> body </view> <include src="footer.wxml"/>

<> <view> header </view>

<> <view> footer </view>

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

【微信小程序 教程之引用】相关文章:

JS对字符串编码的几种方式使用

javascript匹配车牌号正则表达式

JQuery+CSS实现图片上放置按钮的方法

JS实现1000以内被3或5整除的数字之和

表单提交验证类

JQuery中attr方法和removeAttr方法用法实例

js去除浏览器默认底图的方法

原生JS和JQuery动态添加、删除表格行的方法

javascript实现点击后变换按钮显示文字的方法

JavaScript中的Math.sin()方法使用详解

精品推荐
分类导航