前端之为什么要学习底层原理

107 阅读1分钟

为什么要学习底层原理呢?

首先这是我们面试经常被问到的问题,了解底层能让我们比其他面试者更能够这次工作机会。但是大部分应该都和我一样每次都对这些吐槽满满,觉得实际项目中完全用不到,纯纯扯淡。可能是年龄和年限上来,所以呢我今天讲点不一样的,学习底层原理不是扯淡是大大有用!!!

光说我觉得也没什么意义,所以我们上例子: 这是一个简单的vue demo

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.7.16/dist/vue.js"></script>
</head>
<body>
    <div id="app">
        <div>{{ obj.message }}</div>
        <button @click="change">点击</button>
        <div>{{ obj.msg }}</div>
      </div>
    <script>
        var app = new Vue({
            el: '#app',
            data: {
                obj:{
                    message: 'Hello Vue!'
                }
                
            },
            methods:{
                change(){
                    this.obj.msg = '123'
                    console.log(this.obj)
                },
            }
        })
    </script>
</body>
</html>

默认状态下是这样的

image.png 那当我们点击,是不是应该在点击按钮的下方出现123呢,那我们来看看

image.png 实际是没有,我们这边打印已经出来了,但是页面确没有正常的显示,为什么呢?这也是我们项目中经常会遇到的问题, 这是就是底层学习的重要了。下面自己找找把,我下次在说为什么

image.png