当前位置：网站首页>Case of single file component files

Case of single file component files

2022-06-29 06:03:00 【Lemon summer white】

Single file component The file name of should either always start with a word in uppercase (PascalCase), Or it's always horizontal (kebab-case).

The uppercase beginning of a word is the most friendly for auto completion of the code editor , Because it makes us in JS(X)
As consistent as possible with the way components are referenced in the template . However , Mixing file names sometimes leads to problems with file systems that are not case sensitive , That's why it's equally desirable to name horizontal connections .

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Vue.js Components </title>
</head>

<body>
    <!--  Components can be extended  HTML  Elements , Encapsulate reusable code . -->
    <!--  Component system allows us to build large-scale applications with independent and reusable small components , Almost any application interface can be abstracted as a component tree ： -->
    <div id='app'>
        <!--  Component naming horizontal line connection （kebab-case） Or  title case -->
       <My-Item></My-Item> 
       <!-- Horizontal line connection ： <my-comp></my-comp>-->
    </div>
</body>

</html>
<script src="./vue.js"></script>
<script> // register  Vue.component('MyItem', {
       template: '<h1> Custom components ！</h1>' }) // Create a root instance  let vm = new Vue({
       el: '#app', data: {
       } }) </script>

Please refer to Vue.js Official style guide document —>Vue.js

原网站

版权声明
本文为[Lemon summer white]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/02/202202160925431665.html

边栏推荐

猜你喜欢

随机推荐