Vuejs 迁移 1x 到 2x 编译功能

Question

1x 代码：正在运行。

this.$compile(this.$els.ajaxcontent);

2 次迁移：

this.$compile(this.$refs.ajaxcontent);
// Error: $compile function not found.

Vue.compile(this.$refs.ajaxcontent);
// Error: template.trim not a function.

Vue.compile($('#ajaxContent').get(0));
// Error: template.trim not a function.

编译文档：http://vuejs.org/api/#Vue-compile

Answer 1

Vue.compile 需要一个字符串。我不知道如何用 jquery 做到这一点，但请尝试

Vue.compile(document.getElementById('ajaxContent').innerHTML)

Answer 2

解决方案：

var tmp = Vue.extend({ 
    template: 'Content'
})
new tmp().$mount(' id or refs ')

Vuejs 迁移 1x 到 2x 编译功能

Vuejs Migration 1x to 2x Compile Function

vue.js

vuejs2