以下是一个最基础的Vue2程序:

HTML:

<!DOCTYPE html>
<html>
  <head>
    <title>Vue2 Basic Program</title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  </head>
  <body>
    <div id="app">
      {{ message }}
    </div>
  </body>
  <script src="app.js"></script>
</html>

JavaScript(app.js):

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

这个程序定义了一个Vue实例,它的el属性指向HTML中的一个id为“app”的div元素,data属性定义了一个名为“message”的变量,其初始值为“Hello, Vue!”。HTML中的{{ message }}会被Vue解析为实际的变量值。


原文地址: https://www.cveoy.top/t/topic/bwfx 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录