compile

2023年07月19日

柏拉文

越努力，越幸运

一、认识

---

compile() 函数主要作用是将 template 转化为 render 函数。

二、语法

---

const template = `<div id='app'> 
    <div> 静态节点 </div>
    <div>{{ value }}</div>
    <div :class="vBindClass"> v-bind 指令</div>
    <div v-if="vIF"> v-if 指令</div>
    <div v-show="vShow"> v-show 指令 </div>
    <ul>
    <li v-for="(item,index) in vFor" :key="index"> {{ item }}</li>
    </ul>
</div>`

const renderFn = compile(template)
console.log(renderFn)