本篇博客是作为个人自学记录,如有不足之处,请批评指正。
Vue 安装
安装
yarn global add @vue/cli
创建项目
vue create hello-world
也可以使用 GUI 创建和管理项目:
vue ui
配置
根据个人酌情配置
快速原型开发
在文件目录下运行:
vue serve
Vue 的两个版本
- 完整版(Vue.js)
- 非完整版(Vue.runtime.js)
非完整版的体积会小很多,一般默认使用非完整版,来看看区别:
完整版 | 非完整版 | |
---|---|---|
特点 | 有 compiler | 无 compiler |
视图 | 写在 HTML 里或者写在 template 选项里 | 写在 render 函数里用 h 来创建标签 |
cdn 引入 | vue.js | vue.runtime.js |
webpack 引入 | 需配置 alias | 默认使用此版本 |
@vue / cli 引入 | 需额外配置 | 默认使用此版本 |
虽然有两个版本,但是现在的前端基本是使用非完整版