Vue模版编译

Posted sea-breeze

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue模版编译相关的知识,希望对你有一定的参考价值。

 

一 模版文件

 

<div>
  <header>
    <h1>I‘m a template!</h1>
  </header>
  <p v-if="message"> message </p>
  <p v-else>No message.</p>
</div>

 

二 渲染函数(render)

 

function anonymous() 
  with (this) 
    return _c("div", [
        // header部分
        _m(0),
        // if-else部分
        message ? 
            _c("p", [_v(_s(message))]) : 
            _c("p", [_v("No message.")])
    ]);
  

 

三 静态渲染函数(staticRenderFns)

 

_m(0): function anonymous() 
  with (this) 
    return _c("header", [
        _c("h1", [
            _v("I‘m a template!")
        ])
    ]);
  

 

以上是关于Vue模版编译的主要内容,如果未能解决你的问题,请参考以下文章

怎么保存这个网站的源码?这个是vue写的模版,我想把这个源码导出来,反编译vue源码

Vue的模版解析

非类型模版参数模版的特化分离编译

非类型模版参数模版的特化分离编译

Vue--生命周期

vue3 和 vue2的比较