index.html

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>local state save</title>
  <meta name="description" content="local state save">    
  <script src="https://aframe.io/releases/0.4.0/aframe.min.js"></script>
  <script src="https://rawgit.com/Utopiah/aframe-persist-component/master/aframe-persist-component.js"></script>
</head>

<body>
  <a-scene>

    <a-camera id="testingid" persist="debug:true;"
      persist__rot="debug:true; attribute:rotation;"></a-camera>
    <a-box id="testingid2"
      persist__pos="debug:true; attribute:position;"
      persist__rot="debug:true; attribute:rotation;"></a-box>
    <!-- feel free to use the inspector to move the box around and see the persistence after reload -->

    <a-box scale="20 20 20" color="grey" scale="1" material="side:double"></a-box>
    
  </a-scene>
</body>
  
</html>