学习旧岛小程序 (2) 自定义组件

标签:别名   自定义组件   程序   路径   报错   value   nts   ima   not   

(1) 新建组件

新建组件目录下的文件名字可以与目录不一样

(2)引用组件

在引用的组件的 .json 添加配置

{

"usingComponents": {

"like-cmp": "/components/like/index",

}

}


"/components/like/index" : 组件的路径

组件的路径要使用绝对路径不然会报错 比如:Component is not found in path "pages/classic/components/like/index" (using by "pages/classic/classic")

相对路径会找到使用组件的同级组件中去


使用相对路径定义组件的路径:

"../../components/like/index"


"../../components/like/index" 在小程序中相当与 "/components/like/index",

.. 表示返回上级目录




"like-cmp" :组件的别名

usingComponents 接收一个对象

{

"key":"value",

}

key 组件的别名 制订组件的规范

value 组件的路径


(3)使用组件

使用组件.wxml

<like-cmp/>


(4)图片

自定义组件的图片可以放到自定义组件的目录下 不须放 到大目录下的images 文件夹

学习旧岛小程序 (2) 自定义组件

标签:别名   自定义组件   程序   路径   报错   value   nts   ima   not   

原文地址:https://www.cnblogs.com/guangzhou11/p/11260314.html

微擎相关资料:
未经允许不得转载:微擎二次开发视频 » 学习旧岛小程序 (2) 自定义组件

为您推荐

评论列表

还木有评论 ,赶紧来一个!嘻嘻,:)

发表评论

访客的头像

Top