vue组件+vue插件的创建和使用

最新推荐文章于 2024-06-02 09:38:43 发布

Lin_25937

最新推荐文章于 2024-06-02 09:38:43 发布

阅读量2.4k

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/Lin_25937/article/details/127334907

版权

一、vue组件的概念

是一个可以重复使用的Vue实例，它拥有独一无二的组件名称，它可以扩展HTML元素，以组件名称的方式作为自定义的HTML标签。因为组件是可复用的Vue实例，所以它们与new Vue（）接收相同的选项，例如data，computed、watch、methods以及生命周期钩子等。仅有的例外是像el这样根实例特有的选项。

vue组件的创建

1.首先我们在component文件下以大驼峰的命名规则创建一个.vue文件，在文件中建立要复用的组件在这里插入图片描述
2.组件的基本模板样式有三个标签组成`

<template></template>
<script></script>
<style><style>

3.组件的引用
在要引入组件的文件里通过文件名的标签进行引入标签引入，并在script标签导入和注册

<template>
  <div id="app">
    <router-view class="page has-tabs"></router-view>
    <TabsCom class="tabs"></TabsCom>
  </div>
</template>
<script>

import TabsCom from './components/TabsCom.vue'
export