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