Vue 初体验

时间 2019-11-12

标签 vue 体验繁體版

原文原文链接

引入Vue

Vue文件地址：html

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

Vue 雏形

代码：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选择器或者是类选择器。npm

注意事项

使用前（在运行时）要确保Vue文件已经加载完成再而后进行其余操做（代码加载的顺序是很重要的）。ui