Directive to skip binding/parsing certain parts #5360
Description
What problem does this feature solve?
My sample app structure look like
<div id="app">
<div class="upper">
<span v-text="message"/>
</div>
<div class="middle">
<div class="ajax-module" data-src="<ajax-url>">Loading...</div>
</div>
<div class="lower">
<span v-text="message"/>
</div>
</div>
<script type="text/javascript">
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
</script>
The issue is that Vue throws an error as the asyn content loaded from 'ajax-url' contains 'script' tag. Is there any way to let Vue skip parsing/binding the '.middle' part?
What does the proposed API look like?
Support a special directive like 'v-skip'
<div class="middle" v-skip></div>