微信小程序转uni-app时常见的语法变化

合集 - uni-app知识(14)

1.uni-app学习笔记（一）-官方文档的学习路线2022-01-212.uni-app学习笔记（二）-Vue组件学习2022-01-263.uni-app学习笔记（三）-网络请求2022-01-264.html标签和uni-app内置组件的映射表2022-01-17

5.微信小程序转uni-app时常见的语法变化2022-01-26

6.uni-app 不同平台使用不同的Vue组件2022-01-267.uni-app判断运行的平台2022-01-258.uni-app开发环境和生产环境的判断2022-01-249.uni-app static目录的条件编译2022-01-2510.uni-app支持的css选择器2022-01-2611.vue与nvue的区别2022-01-1712.uni-app的upx与px、rpx的区别2022-01-2113.uni-app打包64位的安卓app2022-01-1714.uni-app、Vue组件的使用-引用子组件、传值2022-01-19

收起

• 属性绑定从 attr="{{ a }}"，改为 :attr="a"；从 title="复选框{{ item }}" 改为 :title="'复选框' + item"
• 事件绑定从 bind:click="toggleActionSheet1" 改为 @click="toggleActionSheet1"，目前支付宝小程序不支持 vue 的事件绑定方式，具体参考：支付宝小程序组件事件监听示例
• 阻止事件冒泡 从 catch:tap="xx" 改为 @tap.native.stop="xx"
• wx:if 改为 v-if
• wx:for="{{ list }}" wx:key="{{ index }}" 改为v-for="(item,index) in list"

1.官方推荐的正则公式：

str = str.replace(/bindtap/g, '@onclick');  
str = str.replace(/wx:if/g, 'v-show');  
str = str.replace(/src=\'\{\{/g, ":src='");  
str = str.replace(/wx\:key=\"\*this\"/g, ' ');  
str = str.replace(/wx\:key\=\"index\"/g, ' ');  
str = str.replace(/wx:for="{{/g, v-for= "(item,index) in ');  
str = str.replace(/bindinput/g, '@input'); 

详细内容见：https://ask.dcloud.net.cn/article/35786