極不專業分享。 首先我想試試Alpine.js這小框架,過去曾使用過vue框架的朋友們應該會覺得比較容易上手,語法大概87%像,功能也沒vue複雜,相對的好處就...
首先把下面這段程式碼丟到html裡面吧~ <div x-data="{ open: false }"> <butt...
先在你的程式中貼上這串吧! <div x-data="{ tab: 'foo' }"> <button :clas...
依照慣例先附一段程式碼吧~ <div x-data="dropdown()"> <button x-on:clic...
這個我覺得是很重要的語法,而且不會難,大家都可以玩玩再把它變型創新吧! 首先給大家看看數字的範例吧 <div x-data="{ num...
今天示範取得4種不同類型input的值+1種多選,分別為Text、Checkbox、Radio、Select、Multiple Select,在Text的部分昨...
這篇來講解簡易的for迴圈吧。先上範例:這裡為了要有滑進滑出的效果,附上css,當然變更就可以客製化了! css .opacity-0 { opacit...
繼昨天的字串for迴圈後,希望大家對x-for有基本的了解了。接著今天要將數字帶入迴圈,請看下面範例: 認識for裡面的index <div x-data...
<div x-data="initialData()" x-init="init()"> <d...
今天講三種基本的魔術屬性 $el <div x-data> <button @click="$el.innerHTML =...