原文：Vue单文件组件的使用
. 单文件组件的使用 组件有两种：普通组件 单文件组件 普通组件的缺点： html代码是作为js的字符串进行编写，所以组装和开发的时候不易理解，而且没有高亮效果。 普通组件用在小项目中非常合适，但是复杂的大项目中，如果把更多的组件放在html文件中，那么维护成本就会变得非常昂贵。 普通组件只是整合了js和html，但是css代码被剥离出去了。使用的时候的时候不好处理。 将一个组件相关的html结 ...
2020-05-24 17:28 0 610 推荐指数：
相关推荐
系列文章导航 01 Vue语法基础 02 vue数据绑定与指令 03 vue组件技术 04 vue单文件组件定义与使用 1 单文件组件的好处 2 单文件组件的运行场景hbuilderx工具 一下两种方式创建的项目才允许使用单文件组件： 1）方式1：Vue项目(含 ...
Vue组件 组件的构成 一个.vue文件就是一个组件 组件都是由三部分组成：html结构（html结构都是在template标签中）、js逻辑、css样式 1）template只能解析一个根标签 2）js逻辑都是在script标签中，必须设置导出，export default ...
一、Vue3.x 中的组件 组件可以拓展html标签，解决html标签构建应用的不足，Vue项目由一个一个的组件组成。 二、Vue3.x 中定义组件注册组件 1、定义一个公共的头部组件 components/header.vue 2、定义一个公共的头部 ...
一、组件 1> 组件命名方式有两种（注意：在DOM模板中只有kebab-case命名方法才生效）： html中引用组件： <!-- 在DOM模板中，只有 kebab-case命名才生效 --> <my-component-name>< ...
在很多Vue项目中，我们使用 Vue.component 来定义全局组件，这种方式在很多中小规模的项目中运作的很好。 但当在更复杂的项目中，就有了很大的弊端。 我们就可以用文件扩展名 .vue的单文件组件来解决这些问题。 我们建议你参考 webpack-simple ...
前面的话 本文将详细介绍Vue单文件组件 概述 在很多 Vue 项目中，使用 Vue.component 来定义全局组件，紧接着用 new Vue({ el: '#container '}) 在每个页面内指定一个容器元素。 这种方式在很多中小规模的项目中运作的很好，在这 ...