第一种:vue是javaScript的一种框架,和javaScript的其他库和框架的使用一样,直接把scdn引入,使用就可以
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>相当于jquery库一样,然后就可以使用了
第二种:快速的运行vue文件,需要用到vue的一个服务,
使用方法,先下载一个服务
cnpm install -g @vue/cli-service-global 执行这个命令,全局按照这个插件。
然后直接在需要运行的vue文件目录下执行 vue serve 02.vue这个命令就可以了,02.vue是文件名。
第三种:使用脚手架工具
正规的开发流程
先安装npm install -g @vue/cli
vue --version 查看安装的版本
vue create hello-world创建项目 hello-world是项目名。
然后cd 到相应的目录,然后执行 yarn serve运行即可。
文件目录说明,node_modules中存放的都是第三方插件。public中存放的是静态文件,如图片和css文件 src中存放的是源代码。assets存放的是当前项目的静态文件。
这样创建的项目入口是main.js文件,vue中引入文件如果文件的地址是带./的说明引入的是自己创建的模块,如果引入的是下载的第三方模块,就没有这个./了。render函数做的事情是把虚拟DOM按照vue的算法转化为真实的DOM.