render函数

<template>
    <div id="app">
        <p>{{price}}</p>
    </div>
</template>

<script> 
export default {
    name: "gpsTerminalNum",
    components: {
        cardList
    },
    data() {
        return {
            price:10
        };
    },
    created() {},
    mounted() {
        var vm=new Vue({
                el:'#app',
                data:{
                    price:100
                }
        })
    },
    methods: {
        render () { 
        //alert源码render函数：结构如下：
             with(this){  
             return  vm._c(
                    'div',//父标签
                    {
                        attrs:{//属性
                            'id':'app'
                        },
                        [//子节点数组
                            _c('p',[_v(_s(vm.price))])
                        ] 
                )
            }
        }
    }
};