微信小程序基础加强总结

微信小程序基础加强总结
本篇文章给大家带来了关于微信小程序的相关问题，其中主要介绍了一些基础内容，包括了自定义组件、样式隔离、数据、方法和属性等等内容，下面一起来看一下，希望对大家有帮助。

本篇文章给大家带来了关于微信小程序的相关问题，其中主要介绍了一些基础内容，包括了自定义组件、样式隔离、数据、方法和属性等等内容，下面一起来看一下，希望对大家有帮助。

【相关学习推荐：小程序学习教程】

1、自定义组件

1.1、创建组件

在项目的根目录中，鼠标右键，创建 components -> test 文件夹

新建的 components -> test 文件夹上，鼠标右键，点击新建 Component

键入组件的名称之后回车，会自动生成组件对应的 4 个文件，后缀名分别为 .js、.json、.wxml 和 .wxss

1.2、引用组件

局部引用：组件只能在当前被引用的页面内使用

全局引用：组件可以在每个小程序页面中使用

1.3、局部引用组件

在页面的 .json 配置文件中引用组件的方式，叫做局部引用。示例代码如下：

# 在页面的 .json 文件中，引入组件{ "usingComponents": { "my-test": "/components/test/test" }}# 在页面的 .wxml 文件中，使用组件<my-test></my-test>