Vue 文件模板规范

最新推荐文章于 2023-07-19 13:45:47 发布

EsquireY

最新推荐文章于 2023-07-19 13:45:47 发布

阅读量186

点赞数

分类专栏：代码规范文章标签：代码规范

本文链接：https://blog.csdn.net/esquirey/article/details/119422568

版权

代码规范专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文详细介绍了Vue组件的基本结构和关键部分，包括导入组件、定义props、注册组件、声明数据、计算属性、监听事件、生命周期钩子以及自定义方法。通过对这些核心概念的解析，帮助开发者理解并遵循Vue代码模板的规范，提升代码质量和可维护性。

摘要由CSDN通过智能技术生成

下面是Vue代码模板规范的简版

<script>
	// 引入组件
	import Header from './Header'
	
	export default {
		// props 接收参数
  		props: ['xxx', 'xxx', 'xxx', 'xxx'],

		// 注册组件
		components:{
			Header
		},
		
		// 定义参数
		data(){
		 return {
			loading:false,
		}
		
		// 计算属性
		computed: {}
		
		// 监听事件
		watch:{}
		
		// 生命周期
		mounted(){}
		
		// 自定义方法
		methods:{}

	
  	}
</script>