- 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.
推薦閱讀
- Deploying Node.js
- Mastering Visual Studio 2017
- Kali Linux Web Penetration Testing Cookbook
- 軟件項目管理（第2版）
- Learning Docker
- Quarkus實踐指南：構建新一代的Kubernetes原生Java微服務
- Mastering Predictive Analytics with Python
- KnockoutJS Starter
- The DevOps 2.5 Toolkit
- Java網絡編程實戰
- 可視化H5頁面設計與制作：Mugeda標準教程
- ASP.NET jQuery Cookbook（Second Edition）
- Elasticsearch實戰（第2版）
- C++標準庫（第2版）
- The Java Workshop