开发微信小程序方案 第1篇
整个页面的数据来源,都是在 js文件中对应的data属性
插值语法 在wxml中获取data数据:
在方法中获取data数据:
总结:
1.简易的双向数据绑定
2.引用类型的双向数据绑定,
小程序中并没有v-model这个属性,只能用事件和值配合来代替
wx:为属性前缀,key的盒子不用写item
for后面的双{{ }}不需要写item
遍历过程中item依旧表示每一项
id只能是数字或者纯数字的字符串
为了提高代码可读性,微信小程序提供了wx:for-item=“xxx”
给我们修改这个item变量的命名
在上面的例子中:
这些指令和属性在小程序中常用于根据不同条件来动态显示或隐藏页面的部分内容,提升用户体验和交互性。
新建模板文件夹templates,继续在templates里面新建:
可以往模板里面传值:
wxs有点像我们html里面的script标签,既可以做内嵌式的写法,又可以做外链式的写法。
但是其中有模块化思想,所以,书写的函数需要导出才能使用。
cart文件夹下新建文件
中配置多一条路径:
_usingComponents_: {},
_component_: true
来到需要调用这个子组件的页面中注册组件:
中就可以使用组件了:
第1步:在父组件中传入money,注意:money是在父组件的data定义的数据
第2步:在子组件中定义好props数据,在微信小程序中不叫props,而叫properties
在中声明:
第3步,就可以在子组件中直接使用money了:
第1步:在父组件中定义修改money的函数
第2步:在父组件中调用子组件的地方传入自定义事件函数
开发微信小程序方案 第2篇
小程序中的data是一个对象 页面中所涉及到的变量都要在data中定义
内容绑定:
属性绑定:
通常我们获取到有效数据,需要将有效数据追加或替换原有的数据,这时,我们需要用到数据修改,非常常用。
这里给个栗子:
bindtouchstart 手指触摸事件 bindtouchmove 手指触摸移动事件
翻译:在选择器为list的元素中,检索isTouchMove,为true则给list添加‘touch-move’样式,为false则添加“”(空)
开发微信小程序方案 第3篇
说人话就是:导航栏
以下搬运一下优质UP主的详细tarBar属性内容
最常用的有:iconPath、selectedIconPath
1.打开文件 2.打开微信公众平台 3.将官方的tabBar格式复制进 4.打开平台找tabBar相关属性配置
开发微信小程序方案 第4篇
利用navigate标签 navigate标签+URL地址+参数 url=“…/…/indexDetail?id=3”
给容器定义一个bind事件 触发时 带着参数data-id=3 传给js +URL地址+参数 url=“…/…/indexDetail?id=3”
顾名思义:作用于全局的变量 当一个变量在多个页面使用时,为了方便调用,我们便会选择将它定义为全局变量
定义
使用
顾名思义:存储在本地的数据 (永久保存) 当我们需要一个数据永久保存在小程序页面时,我们会用到本地存储
开发微信小程序方案 第5篇
可以把template模板理解成一个外包公司的产品,在它之前,我们都是自己一条工序走到底,有了它之后,它的精美框架和样式,可以直接被我们使用,不仅方便而且能省去很多的力气,可谓人类之星!
template(模板):主要用于显示,简单的说主要是用于嵌入wxml的代码,模板中是可以拥有对应的样式以及逻辑,但是他并没有属于的对应的js文件,它的逻辑依赖于引用的页面。
导入模板框架
导入模板样式
将复杂的应用程序分解为一系列独立的模块,每个模块负责完成特定的功能或业务逻辑。
可以理解为一个NFC,“滴”一下就能完成“开灯”的命令。
与我们创建的js文件一样,只不过我们把特定的需要调用的数据装在js文件中,赋予了它新的名字“xx模块” 以下这个例子就是用来存储固定数据的
你可能会问了,为什么要另存这么麻烦?
其实更多的是为了简洁代码页,方便编写,也方便后续的数据修改。
模块和普通js文件相比,最重要的是 将list数组暴露出去 {list:list} 这样外部的文件总才能调用到它
导入模块
使用模块
开发微信小程序方案 第6篇
在微信小程序中,view标签用于布局,相当于HTML中的div。 你可以使用class属性来指定一个或多个样式类,使用style属性来写入行内样式。
在小程序中使用swiper组件可以创建滑块视图 使用时必须搭配swiper-item滑块使用
autoplay:是否自动播放 interval:与下一个滑块的间隔时长 circular:是否衔接滑动
type是必备属性,用来控制是否选中 success选中 circle未选中 size用来定义icon大小 icon详细属性请点这里了解
类似HTML中的a标签 用于跳转页面-可以传参(后面详讲)