Vue - 编程范式

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元素
-->