小程序import及include引用的简单理解

这篇具有很好参考价值的文章主要介绍了小程序import及include引用的简单理解。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

场景:在小程序中,WXML 提供两种文件引用方式importinclude

        我自己记录下自己的一些简单理解

官方文档:引用 | 微信开放文档

 第一:import

   import,就是可以引入自定义指定的template模板

   比如:我在import页面中定义了一个name叫item的template模板

小程序import及include引用的简单理解

        现在,我需要在另一个页面中引入我定义的这个模板,要怎么弄?

        首先:创建我的组件页面,按照官方给定的方法进行引入

        小程序import及include引用的简单理解

 <import src="../import/import.wxml" />        是引入模板的路径

<template is="item" data="{{data: '一切顺利'}}"/>        指定引入模板的默认值

第二:include

        include 相对import简单些,我是这么理解的

  include 意思相当于直接把需要引入的模板页面中除了 <template/> <wxs/> 外的整个            代码引入,相当于是拷贝到 include 位置

小程序import及include引用的简单理解

这是最终结果,因为我是将include和import方法用在同一个页面了,所以我的结果包括了两个内容

小程序import及include引用的简单理解

 文章来源地址https://www.toymoban.com/news/detail-482953.html

到了这里,关于小程序import及include引用的简单理解的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 软引用的使用场景-链路日志

    我司自研的链路系统中的agent层记录日志时,使用的是异步打印日志的机制。异步打印会使用队列,现将待打印的日志对象,记录在队列中。 但这块的日志,为了不影响业务,例如不能因为链路记录的日志过多,导致业务应用oom,使用了软引用 强引用:强引用是使用最普遍的

    2024年02月11日
    浏览(76)
  • 对卡尔曼滤波的理解:平滑插值、滤波和预测!想用的来看啦!

    前几天偶然看到一个叫卡尔曼滤波的家伙,闲来无事搜来看看,看的是迷迷糊糊,一会儿这里说是做时间序列平滑的,一会儿这里是说滤波的,一会儿说可以预测未来值,但预测不又需要当前的观测值么,那能不能进行多步预测呢,反正搞得是迷迷糊糊。直到我在百度百科上

    2024年02月13日
    浏览(39)
  • 指针的指针 ok, 引用的引用 no ---- 理解引用折叠

           我们都知道,在C/C++中,出现指针的指针,也就是二级指针的场景是合法的,甚至可以是更多级的指针,都是ok的;但是如果出现了引用的引用,那绝对是非法操作,任何一款C/C++的编译器都很乐意为您检测出此类非法操作。既然会讨论这个问题,说明 引用的引用 这样

    2024年02月07日
    浏览(34)
  • JVM 四种引用和使用场景

    一、前言 在JDK 1.2之后,Java对引用的概念进行了扩充,将引用分为强引用(Strong Reference)、软引用(Soft Reference)、弱引用(Weak Reference)、虚引用(Phantom Reference)四种,Java 4种引用的级别由高到低依次为:强引用 软引用 弱引用 虚引用。 Java垃圾回收器会优先清理可达强度

    2024年01月19日
    浏览(48)
  • react import 引用失效 node_modules/@types/react/index.d.ts not a module.ts

    react + ts的项目,正常使用vs code打开, 先运行 npm install 安装依赖过后 结果所有的react引用依旧标红,如下图所示: 点击红线 show problem(查看问题),提示 node_modules/@types/react/index.d.ts not a module.ts 试着用Visual Studio可以正常打开运行,疑似Visual Studio Code IDE 类型识别问题。 在Vis

    2024年02月04日
    浏览(45)
  • 【云原生】深入理解 Docker Load 和 Docker Import 的区别

    深入理解 Docker Load 和 Docker Import 的区别 Docker 是一个流行的容器化平台,提供了丰富的命令和功能,其中 docker load 和 docker import 是两个常用的命令,用于加载 Docker 镜像,但它们在实现和使用上存在着显著的区别。 Docker Load 1. 命令格式 2. 目标对象 docker load 的目标对象是 Do

    2024年01月23日
    浏览(39)
  • C++引用的相关定义以及使用场景与指针之前的区别

    🌏博客主页: 主页 🔖系列专栏: C++ ❤️感谢大家点赞👍收藏⭐评论✍️ 😍期待与大家一起进步! 引用不是新定义一个变量,而是给已存在变量取了一个别名,编译器不会为引用变量开辟内存空间,它和它引用的变量共用同一块内存空间。 引用的特性: 引用在定义时必

    2024年02月03日
    浏览(39)
  • python超简单小游戏代码,python小游戏代码能用的

    大家好,小编来为大家解答以下问题,python超简单小游戏代码,python小游戏代码能用的,现在让我们一起来看看吧! 大家好,小编来为大家解答以下问题,python游戏代码大全可复制100行,python游戏代码大全可复制免费,今天让我们一起来看看吧! python有趣的编程代码 class 

    2024年03月14日
    浏览(60)
  • 深入理解 Java 引用类型:强壮、柔软、脆弱、虚无的力量

    🔭 大家好,我是 vnjohn,在互联网企业担任 Java 开发,CSDN 优质创作者 📖 推荐专栏:Spring、MySQL、Nacos、Java,后续其他专栏会持续优化更新迭代 🌲文章所在专栏:JVM 🤔 我当前正在学习微服务领域、云原生领域、消息中间件等架构、原理知识 💬 向我询问任何您想要的东西

    2024年02月11日
    浏览(35)
  • python基础(5):深入理解 python 中的赋值、引用、拷贝、作用域

    目录 python基础(5):深入理解 python 中的赋值、引用、拷贝、作用域 1、先来看个问题吧: 2、引用 VS 拷贝: 3、增强赋值以及共享引用:

    2024年02月08日
    浏览(47)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包