what is the purpose of the existence of the wxs module? What"s the difference between a normal js module and a normal one? What is the meaning of using variables and functions defined in the wxs module in wxml?
/ / Please paste the code text below (do not replace the code with pictures)
wxs is to act as a function such as compute/filter. There is watch in
vue (filter (filter) in the listening property), angular). Its core function is to avoid repeatedly writing excessively long expressions in the template.
We always encounter the need to format numbers as amounts, or to replace placeholders with corresponding internationalized content, or to automatically select the smallest value from multiple values for output. If the expression is written directly in the template, it is not conducive to later maintenance, and it is impossible to reuse the expression. With the filter, we can extract this complex statement separately and then reference it in the template.
add:
Why not write the result directly to data?
because the common scenario for filters is to do presentation layer logic. For example, if you convert the number to the amount format mentioned above, you only need to call the filter where it is used in the template to convert the data into the final format you need.
if you use data, you need to format and write back the original data at every place where it is possible to modify it. For the example of amount, you need to iterate over the properties that need to be converted after each interface returns, change it to the amount format, and then save it into a new field. The workload is huge, maintenance is difficult, and it is easy to miss.
Previous: How to fill in the DocumentId in the online version of viewer?
Next: < meta name= "viewport" content= "width=980" > is not valid in Wechat and safari
for example, in the tab switching page like the following, the method I use now is to click the current option to call the API, for example, click all to call, click to withdraw and call once, but this will waste the interface. What I want to do now is ...
<block wx:if="{{true}}"> <view> view1 < view> <view> view2 < view> < block> Is there any difference between and the following one? <view wx:if="{{true}}"> <view> view1 < view&...
<!-- --> <swiper> <swiper-item wx:for="{{ sku.all_url }}" wx:key="{{ key }}"> <video class= sku-img wx:if="{{ item.urlType== video }}" src="{{ item.url }}">< video>...
requirements require the product list to add a left slide delete function, but after adding, the left slide will cause scrolling up and down, how to limit it? Please tell me your thoughts ....
requirements require the product list to add a left slide delete function, but after adding, the left slide will cause scrolling up and down, how to limit it? Please tell me your thoughts ....
that is, if the value bound on the page changes, the value in data can also be changed accordingly, now I mainly don t want to write about input events. want it to change automatically, is there any way, bosses? ...
is there any solution similar to vue s computed and watch in native Mini Program? the one I use now is not perfect. take watch as an example. If you change data.obj, you can monitor it. If you change data.obj.a, you will not be able to monitor it....