有时候 uni-app 没有,而微信小程序有。因此,需要将微信小程序的代码转换为 uni-app 的代码
方法
- 创建一个新的 uni-app 项目,并在页面中创建一个与微信小程序页面同名的 vue 文件。
- 将微信小程序页面中的 WXML 代码复制到 uni-app 页面的 template 标签中。
- 将微信小程序页面中的 WXSS 代码复制到 uni-app 页面的 style 标签中。
- 将微信小程序页面中的 JS 代码复制到 uni-app 页面的 script 标签中。
在 uni-app 页面的 script 标签中,将微信小程序中的 Page({}) 转换为 uni-app 的 Page({})。
实例1
Page({
data: {
text: "Hello, World!"
},
onLoad: function() {
console.log("Page loaded");
}
})
转换为 uni-app 的以下代码:
Page({
data() {
return {
text: "Hello, World!"
}
},
onLoad() {
console.log("Page loaded");
}
})
实例2
var sceneReadyBehavior = require('../../behavior-scene/scene-ready');
Page({
behaviors:[sceneReadyBehavior],
data: {
xmlCode: '<div class="codeWrap">' + handleDecodedXML(xmlCode) + '</div>',
}
});
转换为 uni-app 代码
<script>
import sceneReadyBehavior from '@/lib/js/scene-ready.js'
export default {
behaviors: [sceneReadyBehavior],
data() {
return {
xmlCode: ''
};
}
};
</script>