19 使用Vue实例的render方法渲染组件

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>vue的基本代码</title>
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
	<!-- V -->
	<div id="app">
        <p>66666</p>
	</div>
</body>
<script>

    var login={
        template:'<h1>这是登录组件</h1>'
    }
	var vm=new Vue({  //VM
		el:'#app',
		data:{
			msg:'欢迎学习vue!'  //M
        },
        methods:{},
        render:function(createElements){//createElements是一个方法,调用它,能够把指定的组件模板,渲染为html结构
            return createElements(login)
            // 注意:这里return的结果,会替换页面中el指定的那个容器
        }
	})
</script>

</html>
posted on 2019-11-19 16:02  songsong_p_blue  阅读(309)  评论(0编辑  收藏  举报