摘要: In this lesson, we learn how the x-init directive in Alpine JS lets us run a JavaScript expression once the component has initiated. We see the nuance 阅读全文
posted @ 2020-05-14 18:58 Zhentiw 阅读(307) 评论(0) 推荐(0)
摘要: In this lesson, we learn how to retrieve a DOM element via the x-ref directive in Alpine JS, which gives us a reference to the element it is applied o 阅读全文
posted @ 2020-05-14 18:55 Zhentiw 阅读(344) 评论(0) 推荐(0)
摘要: In this lesson, we see how the x-model directive makes achieving "two-way data binding" effortless in Alpine JS. We see what it would take to recreate 阅读全文
posted @ 2020-05-14 18:53 Zhentiw 阅读(157) 评论(0) 推荐(0)
摘要: In this lesson, we smoothen the transitions between tabs by applying a transition modifier to our x-show directive. We see how we can ignore the leavi 阅读全文
posted @ 2020-05-14 18:51 Zhentiw 阅读(191) 评论(0) 推荐(0)
摘要: In this lesson, we move the component definition to a function, defined in a script tag in the HTML document. We then iterate through an Array of Obje 阅读全文
posted @ 2020-05-14 18:48 Zhentiw 阅读(314) 评论(0) 推荐(0)
摘要: In this lesson, we create a set of tabs with Alpine JS, where only the content of the currently active tab is visible. To do this, we define an active 阅读全文
posted @ 2020-05-14 18:46 Zhentiw 阅读(184) 评论(0) 推荐(0)
摘要: In this lesson, we define a "count" state value with the x-data directive provided by Alpine JS. This defines a new scoped component, which can have a 阅读全文
posted @ 2020-05-14 18:43 Zhentiw 阅读(139) 评论(0) 推荐(0)