学习旧岛小程序（2）自定义组件

(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 文件夹

转载于:https://www.cnblogs.com/guangzhou11/p/11260314.html

学习旧岛小程序（2）自定义组件相关推荐

学习旧岛小程序（5）自定义组件的自定义事件
自定义组件的触发事件: 自定义组件触发事件时,需要使用 triggerEvent 方法,指定事件名.detail对象和事件选项: this.triggerEvent('like', { behavio ...
学习旧岛小程序（3）组件的样式
(1)单位要用 rpx rpx(responsive pixel): 可以根据屏幕宽度进行自适应.规定屏幕宽为750rpx.如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则75 ...
学习旧岛小程序（5） observer 函数中修改属性的值
不要在一个属性的 observer 函数中修改属性的值不然会造成内存泄露错误代码: properties: {/* 期刊号 */index: {type: String,observer: fu ...
学习旧岛小程序（4）电影组件的实现
先编写基本的页面架构 <view class="classic-container"> <image src="{{img}}" class= ...
学习旧岛小程序（4）封装api 请求
1.配置基本的请求路径和 key config.js const config = {baseUrl: 'http://bl.7yue.pro/v1/',appkey: "" ...
学习旧岛小程序（1） flex 布局
css : view 相当于 div 块级元素 display 默认设置 block display:inline 设置后设置宽度高度是无效的要设置宽度高度又要设置为行内元素我们设置: (1) ...
小程序如何自定义组件
之前在工作中的时候遇到过了小程序自定义组件的问题,所以就想和大家分享一下小程序如何自定义组件.首先让我们来了解一下组件是什么,为什么要使用组件.组件的官方解释是说开发者可以把页面内的功能模块抽象成自定 ...
微信小程序（自定义组件）
文章目录自定义组件创建自定义组件引用组件组件和页面的区别自定义组件的样式样式隔离修改样式隔离选项组件的data和methods 组件的properties 数据监听使用纯数据字段提升 ...
微信小程序的自定义组件（2）
文章目录 6. 组件的生命周期 7. 组件所在页面的生命周期 8. 组件插槽 9. 组件父子组件间的通信 10. 组件-behaviors 6. 组件的生命周期 created attached re ...

学习旧岛小程序（2）自定义组件

学习旧岛小程序（2）自定义组件相关推荐

最新文章

热门文章

学习旧岛小程序 （2） 自定义组件

学习旧岛小程序 （2） 自定义组件相关推荐

最新文章

热门文章

学习旧岛小程序（2）自定义组件

学习旧岛小程序（2）自定义组件相关推荐