Show HN: Simple dynamic templating in JS

3 点作者 jgalvez大约 7 年前

How do you guys deal with this scenario?<p><pre><code> const renderTemplate = (template, obj) => { const args = Object.keys(obj) const body = `return (\`${template}\`)` const renderFunc = new Function(...args.concat([body])) return renderFunc(...Object.values(obj)) } const dynamicallyLoadedTemplate = '${a} and ${b}' console.log( renderTemplate(dynamicallyLoadedTemplate, { 'a': '1', 'b': 2 }) ) </code></pre> Is this elegant enough?

2 条评论

sotaan大约 7 年前

It's how `vue-template-compiler` works to transform a template into render functions.<p>checkout here: <a href="https://github.com/vuejs/vue/blob/dev/packages/vue-template-compiler/browser.js#L4512" rel="nofollow">https://github.com/vuejs/vue/blob/dev/packages/vue-template-...</a><p>also checkout last 'state of Vue.js' on YT where the creator talks about it ;)