vue 源码断点调试

1、添加sourceMap

sourceMap: true

2、npm run dev 会生成vue.js.map

vue 源码断点调试

3、断点调试

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>vue源码测试</title>
    </head>
    <body>
        <div id="app">
            <div v-for="item in list">
                {{ item }}
            </div>
        </div>

        <script src="./vue.js"></script>
        <script type="text/javascript">
            var app = new Vue({
                el: '#app',
                data: {
                    list: [1, 2, 3]
                }
            })
        </script>

    </body>
</html>

vue 源码断点调试

2022-03-10
2021-10-13
2022-02-14
2022-01-13
2021-07-23
2021-05-22
2021-12-09
2021-12-07