Vue单组件使用

Vue组件

 

1. 组件模板可以使用模板字符串，使用反引号：`。这样就可以在字符串里编写html

 

2. 组件注册命名可以使用驼峰式命名，但是只能在组件模板使用驼峰式名字引用组件，在普通标签不能使用要转换成短横线方式使用组件。

所以最好做法就是组件命名直接用短横线方式命名。

 

3. vue单组件规范

每个 .vue 文件最多包含一个 <template> 块。

每个 .vue 文件最多包含一个 <script> 块。

一个 .vue 文件可以包含多个 <style> 标签。

 

如果喜欢把 .vue 文件分隔到多个文件中，你可以通过 src 属性导入外部文件：

<template src="./template.html"></template>
<style src="./style.css"></style>
<script src="./script.js"></script>