JS中的变量写在page data里和外有什么区别

从没学过vue的小白在做项目的时候摸索出了一些规律，可能说的不是很准确，仅做学习笔记，望大佬轻喷。

1. 在代码方面，data里的调用需要this.data.xx,修改需要this.setdata({…
2. 为什么要page data？因为外面的变量在html中是不能{{xx}}调用的
3. 对于页面中用不到的逻辑变量，建议写在外面，因为如果写在里面，页面刷新会重置，推测和生命周期有关。