書名： Vue.js 2 Web Development Projects
作者名： Guillaume Chau
本章字?jǐn)?shù)： 116字
更新時間： 2021-07-02 22:34:23

One-minute setup

Without further ado, let's start creating our first Vue app with a very quick setup. Vue is flexible enough to be included in any web page with a simple script tag. Let's create a very simple web page that includes the library, with a simple p element and another script tag:

<html>
<head>
  <meta charset="utf-8">
  <title>Vue Project Guide setup</title>
</head>
<body>
 
  <!-- Include the library in the page -->
  <script src="https://unpkg.com/vue/dist/vue.js"></script>
 
  <!-- Some HTML -->
  <p id="root">
    <p>Is this an Hello world?</p>
  </p>
 
  <!-- Some JavaScript -->
  <script>
  console.log('Yes! We are using Vue version', Vue.version)
  </script>
 
</body>
</html>

In the browser console, we should have something like this:

Yes! We are using Vue version 2.0.3

As you can see in the preceding code, the library exposes a Vue object that contains all the features we need to use it. We are now ready to go.

官术网_书友最值得收藏!

Vue.js 2 Web Development Projects

One-minute setup