1.wxml和html有什么区别
①使用标签不同。
②wxml提供了和vue.js中模版语法类似的模版语法,而html没有。
③html在浏览器浏览,而wxml在微信或开发工具中。
④wxml标签必须有结束符</>
2.wxss和css有什么区别
-
语法差异
WXSS 和 CSS 的语法在大多数情况下是相似的,但 WXSS 有一些特定的扩展和限制。例如,WXSS 支持一些特定的选择器,如 .class、#id、element、element,element、:pseudo-class、::pseudo-element 等,但它不支持 CSS 的某些高级选择器,如属性选择器 [attribute]。 -
尺寸单位
WXSS 引入了新的尺寸单位 rpx(responsive pixel),它可以根据屏幕宽度进行自适应。在宽度为 750rpx 的屏幕下,1rpx 等于 1个物理像素。而在其他屏幕下,rpx 会根据屏幕宽度进行等比缩放。CSS 则使用传统的像素(px)、百分比(%)、em、rem 等单位。 -
样式导入
WXSS 支持使用 @import 语句来导入外部样式表,但和 CSS 的 @import 相比,它有一些限制和特定的语法。
3.小程序的双向绑定和Vue哪里不一样
小程序 直接使用this.data.key = value 是 不能更新到视图当中的。
必须使用 this.setData({ key : value }) 来更新值。
举个例子:
首先利用bindinput来触发改变input输入框中的值
2,使用data-name来获取改变的数据的内容
3, bindinput触发后在方法中通过e.currentTarget.dataset.name来获取改变后的内容‘
4, 通过this.setData()来改变data-name绑定的参数