Vue教程----安装

一、安装方法\命令
我们目前仅仅介绍小型项目的构建方法
所以采用的组件为CDN或者自己下载的vue.js\vue.min.js等Script标签引入方式进行开发测试，较大的项目我们后期再谈使用管官方的CLI等构建方法和打包方法等
1:引入CDN

<!-- <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script> -->
<!-- <script src="https://unpkg.com/axios/dist/axios.min.js"></script> -->
<script src="JS\vue.min.js"></script>
<script src="JS\axios.min.js"></script>

二者的引入方式相同，注释部分为远程cdn，底下两行的方式是通过访问cdn链接进行下载引入的，无区别。

2:新建页面
使用VSC增加一个html组的项目

3：第一个hello world
首先我们来测试一下Vue的基本功能，绑定语法：

Js代码

new Vue({
      el: "#counter",
      data: {
        counter: "Hello World!",
      },
      methods: {
      }
    });

Html部分

<div id="counter">
      {{counter}}
    </div>

运行结果（浏览器使用的Edge）

最基本的绑定语法实现完毕，我们的项目配置也已经完成

下一节=>监听事件