前置工作【安装插件】

  1. 安装插件：miniprogram-to-uniapp
  2. HBuilderX导入原生项目，右键点击项目文件夹，选择插件转换。
  3. image.png

  4. 转换完成，会生成一个新的项目。

    后续工作【修改代码】

  5. 准备代码模板，替换掉。

    1. export default {
    2.  name: '',
    3.  data() {
    4.      return {}
    5.  },
    6.  props: {
    7.      scenicText: {
    8.          type: String,
    9.          default: () => {
    10.              return ''
    11.          }
    12.      }
    13.  },
    14.  mounted () {},
    15.  methods: {
    17.  }
    18. }

  6. 全局搜索替换this.data.->this.

  7. 组件里的ready()换成mounted()，properties里面的对应改成props，其他的放进methods里面就可以。
  8. 确认一下页面里面有没有使用组件，组件不要忘了添加name属性，使用组件的页面，添加import和components
  9. this.setData()换成直接赋值this.aaa = aaa

  10. 把状态管理文件，修改成正常的写法

    1. import Vue from 'vue'
    2. import Vuex from 'vuex'
    3. Vue.use(Vuex)
    4. const store = new Vuex.Store({
    5.  state: {}
    6. })
    7. export default store

  11. 然后修改所有文件里面的this.store.data -> this.$store.state