使用vue的几种方式

 第一种: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.


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。