vue命令行新建

一共有两种方式

1. vue/cli               2. vite

1.使用 vue/cli新建 

npm install -g @vue/cli

这样就可以在全局安装vue/cli,输入命令,查看安装是否成功

vue  --version
#or
vue -V

能出现对应的vue/cli的版本,即为安装成功。

2.使用vite新建

vue create hello-world

不基于webpack,速度更快,体积更小,仅支持vue3.x,不支持2.x,并且目前还不是很稳定,正在完善中,建议将来使用。

npm init vite-app hello-world

如果报错:

Need to install the following packages:
create-vite-app
Ok to proceed? (y)

输入y进行安装create-vite-app即可。

组件

新建组件,引入组件,注册组件,使用组件

父子间的传值

父传子用props(props验证,指定默认值,指定多个数据类型)

子传父用$emit(传参)

posted @ 2022-05-07 13:54  许明月  阅读(140)  评论(0)    收藏  举报