vue.js 加入html元素,如何使Vue js指令在附加的html元素中工作

““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