官方资源
Vue官方网站 Vue.js
!Vue官方教程介绍 — Vue.js
!!本文的官方视频教程:Vue.js 教程
Vue是什么?
Vue是一个前端网页js文件。里面提供了很多好用的功能,如果你的前端HTML页面包含了这个文件,你就可以非常方便的写很多非常灵活的Web页面。
Vue怎么用?
1 最简单的引入方法:文件包含
Vue既然是一个js文件,当然可以直接在HTML文件里包含,包含就可以用。而且包含的vue.js可是一个在线文件。浏览器会自动下载这个文件加载使用。就像下面这样:
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
更多信息参考官方介绍
2 工程化的引入方法:vue-cli命令集
工程化现在是前端的主流开发方法,一行控制台命令,就可以创建一个完整的初始工程;一行命令就可以生成发布的包;一行命令就可以安装一个新的第三方包;
本文主要讲入门,也就是能不用工程的工具就不用工程的工具,我们就从一个HTML文件开始吧。
Vue Hello World
建议先安装Visual Studio Code来编写代码,会自动补全,很方便。