You could even put a block inside of a mixin inside of an include which is in another mixin. For instance, you could create a block inside of an include.
PugceptionĪll of the concepts we've discussed can be used together. Overall, you should have all of the skills needed to build most things using Pug as a templating engine, but I would like to talk about one more thing before I wrap up this post. Passing data between code chunks or iterating over posts to spit out data programmatically is much easier when it can be done this way. It's not hard to see how this capability can make development go much faster. My Site Home Hello, world! Name: This is the title This is the content Site Footer So how do you create a mixin? Below is an example of a mixin to display a post of some sort. Every post gets the same basic card to put the content and user info into, but it's just filling the component with different information each time instead of being written out every time it appears. A common example of this concept is cards on social media sites. This allows you to write a sort of "mold" of a component, then fill it out with relevant data later on. Mixins allow you to write chunks of Pug markup with or without dynamic data, then use that markup anywhere you want. What if you needed this sort of idea, but with dynamic data? That's where mixins come into play. This is also the way you pull other data such as mixins into the current file. There's not any way to only pull certain pieces out for reuse. It is worth noting that using when using includes, the whole file is included. You write code, then include it somewhere. Honestly, that's really all there is to know about includes. My Site Home Hello, world! Name: Site Footer
0 kommentar(er)
