Vue 的编程范式与JS的编程范式不一样。

# Vue 编程范式

<div id="app">{{message}}</div>
<script>
    // 编程范式:声明式编程 (保证数据与页面完全分离)
    const app = new Vue({
        el: '#app', // 用于挂载要管理的元素
        data: { // 定义数据
            message: 'hello world'
        }
    })
</script>

# JS 编程范式
<!-- JS做法 (编程范式:命令式编程)
    1. 创建div元素,设置id属性
    2. 定义一个变量,名称为message
    3. 将message变量放在已定义的div元素中显示
    4. message值被修改
    5. 将修改后的数据再次替换到div元素
-->