Log.printBack(`select element changed: id: ${activatedElement.id} , type: ${activatedElement.businessObject.$type}`); vue2.x转化为vue3.x

在Vue 2.x中，`Log.printBack` 函数通常用于输出一些调试信息，这里看起来是在模板中使用了字符串插值来动态生成SQL查询的一部分。而在Vue 3.x中，由于引入了更严格的模板语法和SFC（单文件组件）结构，你可以将类似这样的代码转换如下：

// 使用.vue文件中的script部分
import { ref } from 'vue';

export default {
  setup() {
    const activatedElement = ref({
      id: '',
      businessObject: {}
    }); // 或者根据实际情况创建这个ref

    function printDebugInfo() {
      console.log(`select element changed: id: ${activatedElement.value.id}, type: ${activatedElement.value.businessObject.$type}`);
    }

    // 当element有变化时，打印日志
    activatedElement.watch((newValue) => {
      printDebugInfo();
    });

    return { activatedElement };
  }
}

在这个例子中，我们用`ref`代替了直接的属性赋值，并通过`watch`监听`activatedElement`的变化来触发`printDebugInfo`函数。在模板里不需要再使用字符串插值，因为数据绑定会自动处理变量更新。