Vue
如何使用Vue
- 使用 @vue/cli创建一个项目
首先在官网找到@vue/cli的相关文档,进行安装 yarn global add @vue/cli
创建一个目录 vue create 路径
选择相应的配置
进入目录,运行 yarn serve
-
还可以通过网页直接使用Vue,codesandbox
-
当然还可以自己从零搭建Vue项目,但是目前新手阶段就先不考虑了。
两个版本的Vue
- Vue完整版 (vue.js)
Vue完整版有编译器compiler,不过体积很大。完整版的视图可以写在HTML或者template模板里面。它可以直接通过cdn引入,使用webpack引用时需要配置alias,使用@vue/cli配置时需要额外的配置
- Vue非完整版 (vue.runtime.js) Vue非完整版没有编译器compiler,非完整版的视图写在render函数里,使用h来创建标签,h是尤大写好传给render的。它可以直接通过cdn引入,使用webpack引用和通过@vue/cli引用时,都是默认使用非完整版的。
在日常的使用中,我们总是使用非完整版,然后配合vue-loader和vue文件。