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 @   许明月  阅读(129)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 提示词工程——AI应用必不可少的技术
· 字符编码:从基础到乱码解决
· 地球OL攻略 —— 某应届生求职总结
点击右上角即可分享
微信分享提示