Skip to content

Commit 4e92b00

Browse files
committed
sudheerj#47 syntax-highlighting + indentation
1 parent a5d4510 commit 4e92b00

File tree

1 file changed

+16
-16
lines changed

1 file changed

+16
-16
lines changed

README.md

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1456,28 +1456,28 @@ List of 300 VueJS Interview Questions
14561456
Single File Components are an easy concept to understand. Earlier you might heard about all three parts(HTML, JavaScript and CSS) of your application kept in different components. But Single File Components encapsulate the structure, styling and behaviour into one file. In the beginning, it seems strange to have all three parts in one file, but it actually makes a lot more sense.
14571457

14581458
Let's take an example of Singile File Components
1459-
```javascript
1459+
```vue
14601460
<template>
1461-
<div>
1462-
<h1>Welcome {{ name }}!</h1>
1463-
</div>
1461+
<div>
1462+
<h1>Welcome {{ name }}!</h1>
1463+
</div>
14641464
</template>
1465-
1465+
14661466
<script>
1467-
module.exports = {
1468-
data: function() {
1469-
return {
1470-
name: 'John'
1471-
}
1472-
}
1467+
module.exports = {
1468+
data: function() {
1469+
return {
1470+
name: 'John'
14731471
}
1472+
}
1473+
}
14741474
</script>
1475-
1475+
14761476
<style scoped>
1477-
h1 {
1478-
color: #34c779;
1479-
padding: 3px;
1480-
}
1477+
h1 {
1478+
color: #34c779;
1479+
padding: 3px;
1480+
}
14811481
</style>
14821482
```
14831483

0 commit comments

Comments
 (0)