想必大家对Vue中的el与data并不陌生，接下来，让我为大家介绍一下el与data的两种写法吧！
一、el的两种写法
1.new Vue时候配置e1属性。
2.先创建Vue实例，随后再通过vm.$mount('#root)指定el的值
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title></title>
</head>
<body><div id="root"><div>我的名字叫{{name}}</div></div></div>
</body>
<script src="../JS/vue.js"></script>
<script>Vue.config.productionTip = false// el的两种方法const vm = new Vue({// el的第一种写法// el:"#root",data:{name:"张三"}})// el的第二种写法// 使用$mount mount有挂载的意思vm.$mount("#root")
</script>
</html>
二、data的两种写法
1.对象式
2.函数式
const vm = new Vue({el: "#root",// 第一种 对象式// data:{// name:"张三"// }// 第二种 函数式data() {return {name: "张三"}}})
感谢大家的阅读，如有不对的地方，可以向我提出，感谢大家！
![[C++]内存管理：串顺序存储的内存回收](http://pic.xiahunao.cn/yaotu/[C++]内存管理：串顺序存储的内存回收)
