<partial name="my-hello" id="app"></partial>
<!-- 输出 : 这里的变量不会被解析{{message}}, partial的可以 -->
<div>{{{htmlText}}}</div>
<!-- *只执行一次渲染 -->
<div>{{*one}}</div>
<script type="text/javascript">
// 注册partial 里面的变量可以被解析
// HTML引用 <partial name="my-hello" id="app"></partial>
Vue.partial('my-hello', '<p>partial {{message}}</p>');
let vm = new Vue({
el : 'body',
data : {
message : '小蓝',
htmlText : '这里的变量不会被解析{{message}}, partial的可以',
one : '只执行一次插入值',
},
ready (){
// one的渲染节点 {{*one}} 只渲染一次 不再改变值
setTimeout(()=>this.one="改变值", 1000);
}
});
</script>