Vue如何初始化、创建实例接管容器？Vue初始化代码模板-零一物语

Vue对象的初始化

<body>
    <div id="root">
        <h1>零一物语</h1>
    </div>

    <script type="text/javascript">
        Vue.config.productionTip = false;//关闭Vue开发者提示

        //创建Vue实例
        const vm = new Vue({
            el:'#root'   //el用于指定当前Vue实例为哪个容器服务，值通常为css选择器字符串,现在为id选择器root则为上述div服务
        });

    </script>
</body>

基于Vue动态绑定的hello程序

<body>
    <div id="root">
        <h1>hello,{{name}}</h1>//{{}}为Vue设计的动态绑定的符号，里面放上对应的值即可实现数据绑定
        <h1>web:https://{{web}}</h1>

    </div>

    <script type="text/javascript">
        Vue.config.productionTip = false;//关闭Vue开发者提示

        //创建Vue实例
        const vm = new Vue({
            el:'#root',//el用于指定当前Vue实例为哪个容器服务，值通常为css选择器字符串。
            data:{//data中用于存储数据，数据供el所指定的容器去使用，值暂时定为一个对象。
                name:'零一物语',
                web:'docn.net'
            }
        });

    </script>
</body>