专栏首页Spring相关Vue使用render函数渲染组件

Vue使用render函数渲染组件

Vue使用render函数渲染组件

相关Html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>render</title>
    <script src="../js/vue-2.4.0.js"></script>
</head>
<body>
<div id="app">


</div>

<template id="login">

    <h1>这个是登录组件</h1>

</template>

<script>

    var login = {
        template: '#login'
    }

    var vm = new Vue({

        el: "#app",
        data: {},
        methods: {},
        watch: {},
        computed: {},
        render: function (createElements) {
            var html = createElements(login);
            return html; //return的结果会替换页面中el指定的那个容器
        }
    })

</script>


</body>
</html>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • thymeleaf 传递数据到js变量

    Dream城堡
  • 弹幕和回到顶部前端web

    Dream城堡
  • 给项目设置打开窗口的标题和小图标

    Dream城堡
  • Jayrock: JSON and JSON-RPC for .NET

    mojoPortal 项目中使用Joyrock和MagicAjaxNET,他没有使用Asp.net ajax ,是因为mojoPortal是一个运行在Windo...

    张善友
  • Excel表格中最经典的36个小技巧,全在这儿了

    技巧1、单元格内强制换行 技巧2、锁定标题行 技巧3、打印标题行 技巧4、查找重复值 技巧5、删除重复值 技巧6、快速输入对号√ 技巧7、万元显示 技巧8、隐藏...

    统计学家
  • 国际标准刊号(ISSN)

    我已经做过了国际标准书号(ISBN)的笔记,下面是国际标准刊号(ISSN)的笔记。 国际标准刊号(International Standard Serial N...

    ruanyf
  • kubernetes 1.15 有哪些让人眼前一亮的新特性?

    2019 年 6 月 20 日,Kubernetes 重磅发布了 1.15 版本,不过笔者忙到现在才有空认真来看一下到底更新了哪些东西。这一版本更新主要是针对稳...

    米开朗基杨
  • BFE.dev前端刷题11 - 什么是composition?实现一个pipe()方法

    在计算结果的时候,funcs中的function都需要被调用并且修改同一个变量,我们声明一个result,然后一个for loop就可以搞定。

    JSer
  • PHP中的include和require

    include() 函数可获得指定文件中的所有文本,并把文本拷贝到使用 include 函数的文件中。include语法:

    用户7657330
  • 行人重识别 Person Re-identification知识资料全集

    【导读】主题荟萃知识是专知的核心功能之一,为用户提供AI领域系统性的知识学习服务。主题荟萃为用户提供全网关于该主题的精华(Awesome)知识资料收录整理,使得...

    企鹅号小编

扫码关注云+社区

领取腾讯云代金券