VUE学习笔记--组件


组件化开发

请添加图片描述
请添加图片描述

vue组件的三个组成部分

请添加图片描述
请添加图片描述
请添加图片描述
请添加图片描述
请添加图片描述
template中只能有一个根元素

启用less

请添加图片描述
请添加图片描述

组件之间的父子关系

请添加图片描述

使用组件

请添加图片描述
请添加图片描述
请添加图片描述

路径提示插件

请添加图片描述
@为src所在的路径位置,即@为src
该插件的配置
在vscode的设置中配置

	//导入文件时是否携带文件拓展名
    "path-autocomplete.extensionOnImport": true,
    //配置@的路径提示
    "path-autocomplete.pathMappings": {
        "@":"${folder}/src"
    },

请添加图片描述

注册私有组件

请添加图片描述

注册全局组件

请添加图片描述

快速生成vue代码框架插件

请添加图片描述

自动闭合标签插件

自动补全导入自定义组件使用时候的标签
请添加图片描述


版权声明:本文为m0_53022813原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。