【uniapp】将微信小程序代码转换为 uniapp 小程序

有时候 uni-app 没有，而微信小程序有。因此，需要将微信小程序的代码转换为 uni-app 的代码

方法

1. 创建一个新的 uni-app 项目，并在页面中创建一个与微信小程序页面同名的 vue 文件。
2. 将微信小程序页面中的 WXML 代码复制到 uni-app 页面的 template 标签中。
3. 将微信小程序页面中的 WXSS 代码复制到 uni-app 页面的 style 标签中。
4. 将微信小程序页面中的 JS 代码复制到 uni-app 页面的 script 标签中。
   在 uni-app 页面的 script 标签中，将微信小程序中的 Page({}) 转换为 uni-app 的 Page({})。

实例1

Page({  
  data: {  
    text: "Hello, World!"  
  },  
  onLoad: function() {  
    console.log("Page loaded");  
  }  
})
1
2
3
4
5
6
7
8

转换为 uni-app 的以下代码：

Page({  
  data() {  
    return {  
      text: "Hello, World!"  
    }  
  },  
  onLoad() {  
    console.log("Page loaded");  
  }  
})
1
2
3
4
5
6
7
8
9
10

实例2

var sceneReadyBehavior = require('../../behavior-scene/scene-ready');
Page({
  behaviors:[sceneReadyBehavior],
  data: {
    xmlCode: '
' + handleDecodedXML(xmlCode) + '
',
  }
});
1
2
3
4
5
6
7

转换为 uni-app 代码

<script>
	import sceneReadyBehavior from '@/lib/js/scene-ready.js'  
	
	export default {
		behaviors: [sceneReadyBehavior], 
		data() {
			return {
				xmlCode: ''
			};
		}
	};
</script>
1
2
3
4
5
6
7
8
9
10
11
12