vue项目中怎样编写组件,import组件

 时间:2026-02-14 06:36:51

1、首先,新建一个.vue结尾的文件,然后里面照着写,分别有template,script,style。

这样一个基本的组件形状就大概是这样了。

vue项目中怎样编写组件,import组件

2、当然也可以用jsx写法,不过只有非常熟练的我才建议用这种写法。

vue项目中怎样编写组件,import组件

3、然后随便添加内容,这里我就用最简单的123来演示。

加完内容保存,一个最简单的组件就写好了。

vue项目中怎样编写组件,import组件

4、然后找到另外的组件,开始在页面引入。

如图,用import 变量名 from 路径 即可引入。

然后在components里面注册一下。

vue项目中怎样编写组件,import组件

5、这样即可在需要的页面中使用了,使用方法,用-分隔开,小写。

vue项目中怎样编写组件,import组件

6、然后启动对应的vue项目,在浏览器中查看对应的页面即可看到使用成功了。

vue项目中怎样编写组件,import组件

  • 360急救盘怎么修复和升级
  • vue页面怎样屏蔽浏览器f5刷新
  • LOL无限乱斗要怎么加符文才厉害
  • 如何配置Oracle Enterprise Manager
  • 如何不用U盘创建本地u启动运行电脑以及克隆U盘
  • 热门搜索
    桂林旅游必去景点 和田旅游 苏杭旅游 长春旅游景点大全 帕劳旅游攻略 广州市旅游 东山旅游 甘肃旅游攻略 昆山旅游景点 凯撒旅游官网