2
0

share-data.html 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>SEED share data</title>
  5. <meta charset="utf-8">
  6. </head>
  7. <body>
  8. <div id="a">{{shared.msg}}</div>
  9. <div id="b">{{shared.msg}}</div>
  10. <div id="c">
  11. <input sd-value="shared.msg" type="text">
  12. </div>
  13. <div id="d">
  14. <pre>{{source}}</pre>
  15. </div>
  16. <script src="../dist/seed.js"></script>
  17. <script>
  18. var shared = {
  19. msg: 'hello'
  20. }
  21. new Seed({
  22. el: '#a',
  23. data: {
  24. shared: shared
  25. }
  26. })
  27. new Seed({
  28. el: '#b',
  29. data: {
  30. shared: shared
  31. }
  32. })
  33. new Seed({
  34. el: '#c',
  35. data: {
  36. shared: shared
  37. }
  38. })
  39. new Seed({
  40. el: '#d',
  41. data: {
  42. shared: shared,
  43. source: {
  44. get: function () {
  45. return JSON.stringify(this.shared)
  46. }
  47. }
  48. }
  49. })
  50. </script>
  51. </body>
  52. </html>