1、组件的定义
<template name="组件名称"> <view> ...... </view> </template> <script> export default { name: "组件名称", //组件外层属性 props: { 属性名称: { type: String,//属性类型 value: "值" }, ...... }, //组件生命周期 created:function(e){ },
//组件内部方法 methods: { 函数名称:function(obj){ }, } } </script> <style> 组件样式 </style>
2、组件的使用
1、引用依赖的组件 import 组件名称 from "../../components/组件名.vue"; 2、导出本组件时声明依赖的组件 export default{ components:{ 组件名称 }, } 3、在试图模板中使用组件 <组件名称 组件属性="对应的值"></组件名称>
原文地址:https://www.cnblogs.com/feihusurfer/p/12247592.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。