share-data.html 849 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <div id="a">{{shared.msg}}</div>
  2. <div id="b">{{shared.msg}}</div>
  3. <form id="c">
  4. <input name="input" v-model="shared.msg" type="text">
  5. </form>
  6. <div id="d">
  7. <pre>{{source}}</pre>
  8. </div>
  9. <script src="../../../dist/vue.js"></script>
  10. <script>
  11. Vue.config({debug:true})
  12. var shared = {
  13. msg: 'hello'
  14. }
  15. new Vue({
  16. el: '#a',
  17. data: {
  18. shared: shared
  19. }
  20. })
  21. new Vue({
  22. el: '#b',
  23. data: {
  24. shared: shared
  25. }
  26. })
  27. new Vue({
  28. lazy: true,
  29. el: '#c',
  30. data: {
  31. shared: shared
  32. }
  33. })
  34. new Vue({
  35. el: '#d',
  36. data: {
  37. shared: shared
  38. },
  39. computed: {
  40. source: function () {
  41. return JSON.stringify(this.shared)
  42. }
  43. }
  44. })
  45. </script>