- Vue.js 2 Web Development Projects
- Guillaume Chau
- 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.
推薦閱讀
- Mastering AWS Lambda
- Intel Galileo Essentials
- SQL Server 2016從入門到精通（視頻教學超值版）
- HTML5 移動Web開發從入門到精通（微課精編版）
- C#程序設計（慕課版）
- The React Workshop
- Java：Data Science Made Easy
- Full-Stack Vue.js 2 and Laravel 5
- CKA/CKAD應試教程：從Docker到Kubernetes完全攻略
- Learning OpenStack Networking（Neutron）
- Android系統級深入開發
- Mastering React
- Citrix XenServer企業運維實戰
- Learning Python Data Visualization
- ASP.NET jQuery Cookbook（Second Edition）