Vue 创建组件

 组件:用于将某个功能的 HTML、CSS、JS 封装到一个文件中,提高代码的复用性和可维护   性。

基础使用【setup 语法糖写法】

一、在 src / components 文件夹中创建一个组件,文件命名为 MyDemo 。






:文件名自定义,文件内容正常书写即可。

二、在页面中引入组件,以标签的形式使用组件。




:在 setup 语法糖中引入的组件,不需要注册,可以直接使用。

三、最终效果:

Vue 创建组件_第1张图片

原创作者:吴小糖

创作时间:2023.12.6 

你可能感兴趣的:(vue.js,前端,javascript)