引入Vue

Vue文件地址:

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

Vue雏形

代码:

    <html lang="en">
      <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Vue Course</title>
        <script src="Vue.min.js"></script>
        <script>
          window.onload = () => {
            const App = new Vue({
              el: '#main',
              data: {
                message: '456465Hello Vue!',
              }
            });
          }
        </script>
      </head>
    
      <body>
        <div id="main">
            {{ message }}
        </div>
      </body>
    </html>

选择器可以是id选择器或者是类选择器。

注意事项

使用前(在运行时)要确保Vue文件已经加载完成再然后进行其他操作(代码加载的顺序是很重要的)。


知否
221 声望177 粉丝

Skrike while the iron is hot.