第一步打开网站:https://cn.vuejs.org/

并点击【学习】选择【教程】

1.1.1初学Vue之安装Vue

第二部: 选择左侧的【安装】选择点击【开发版本】

1.1.1初学Vue之安装Vue第三部: 点击以后开始下载

1.1.1初学Vue之安装Vue

 第四步:然后我们在和【vue.js】文件的同目录下创建index.html

1.1.1初学Vue之安装Vue

第五部:编写index.html引入vue.js 

<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>引入vue.js</title>
    <script src="./vue.js"></script>
</head>
<body>

</body>
</html>

注意:

1.vue.js在引入的时候应该放在<head>中,不应该放在<body>中,这样可以避免抖屏的发生。

2.还要注意<script></script>是双标签千万不要写成<script/>这样是错误的,你永远不可能使用成功的。

相关文章: