Код IT
← Каталог

Vue.js — От минимального приложения к полноценному SPA

Фрагмент из «Vue.js»: От минимального приложения к полноценному SPA.

html javascriptencyclopedia3-ecosystem-2-frontend-frameworks-2-vue-28 embed URL статья в энциклопедии
HTML main.html 
<!DOCTYPE html>
<html>
<head>
  <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
</head>
<body>
  <div id="app">{{ message }}</div>

  <script>
    const { createApp, ref } = Vue
    createApp({
      setup() {
        const message = ref('Привет из Vue!')
        return { message }
      }
    }).mount('#app')
  </script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
  <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
</head>
<body>
  <div id="app">{{ message }}</div>

  <script>
    const { createApp, ref } = Vue
    createApp({
      setup() {
        const message = ref('Привет из Vue!')
        return { message }
      }
    }).mount('#app')
  </script>
</body>
</html>