使用vue的几种方式

 第一种:vue是javaScript的一种框架,和javaScript的其他库和框架的使用一样,直接把scdn引入,使用就可以

相当于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.


你可能感兴趣的:(使用vue的几种方式)