““Vue.js版在实例化/装载根实例时会发生编译。它不会检测到新的DOM被注入,除非它是指令的结果(例如,v-repeat、v-partial将动态创建新的DOM片段)。”https://github.com/vuejs/Discussion/issues/77在
您必须像这样编译新添加的元素:
html格式:
Add Element
JavaScript
new Vue({
el: '#app',
data: {
sampleElement: 'Test'
},
methods:{
addNewElement: function(){
var element = $('#app').append(this.sampleElement);
/* compile the new content so that vue can read it */
this.$compile(element.get(0));
},
test: function(){
alert('Test');
}
}
});
更新
$compile已在Vue 2.x上删除
var tmp = Vue.extend({
template: 'Content'
})
new tmp().$mount(' id or refs ')
但这两个函数的行为不像旧的$compile