Vue完整版和运行版的区别

区别：

-完整版包含编译器；
-运行版不包含编译器，所以体积小，运行效率高；

演示：

运行版：vue-cli 默认运行版本

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Runtime + Compiler</title>
</head>
<body>
    <div id = 'app' >
        Hello World
    </div>

    <!-- <script src="../../dist/vue.js"></script> -->
    <script src="../../dist/vue.runtime.js"></script>
    <script>
        // const vm = new Vue({
        //     el:'#app',
        //     data:{
        //         msg:'Hello Vue'
        //     },
        //     template:`<h1>{{ msg }}</h1>`
        // })
        const vm = new Vue({
            el:'#app',
            data:{
                msg:'Hello Vue'
            },
            // 运行版没有编译器，手动 render
            render(h) {
                return h('h1', this.msg)
            }
        })
    </script>
</body>
</html>

Vue完整版和运行版的区别

区别：

演示：

推荐阅读更多精彩内容