Начало работы с Vue: первая программа

Самый простой способ попробовать Vue.js - использовать пример Hello World. Затем представьте Vue следующим образом:


Начать

Для создания прототипов или обучения вы можете использовать последнюю версию следующим образом:

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

Для производственных сред мы рекомендуем указать четкий номер версии и файл сборки, чтобы избежать непредвиденных повреждений, вызванных новой версией:

<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>

Если вы используете собственные модули ES, существует также файл сборки, совместимый с модулями ES:

<script type="module">
  import Vue from 'https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.esm.browser.js'
</script>

Декларативный рендеринг

.html

<div id="app">
  {
   
   { message }}
</div>

.js

var app = new Vue({
    
    
  el: '#app',
  data: {
    
    
    message: 'Hello Vue!'
  }
})

бежать

Вставьте описание изображения сюда

рекомендация

отblog.csdn.net/qq_43522998/article/details/109604645
рекомендация