創建靜態頁面vshow.html,修改標題內容“Vue.js的v-show指令”,如下圖所示:
在Vue.js中引入JavaScript文件,註意引入js的位置,如下圖所示:
在body元素內插入壹個div,在div標簽內插入三個P元素,分別添加v-if、v-else和v-show,如下圖所示:
插入
預覽靜態頁面,妳會發現顯示的內容,如下圖所示:
第6步,將local屬性的值改為“false”,再次預覽頁面,如下圖所示:
Vue.js(發音/vju?/,類似於view)是壹個用於構建數據驅動的web界面的漸進式框架。Vue.js的目標是通過盡可能簡單的API實現響應的數據綁定和組合視圖組件。它不僅易於使用,而且易於與第三方庫或現有項目集成。
另壹方面,當處理單個文件組件和?Vue?當生態系統支持的庫壹起使用時,Vue還可以為復雜的單頁應用提供驅動。
Vue.js本身並不是壹個全能的框架——它只專註於視圖層。因此,學習和集成其他庫或現有項目是非常容易的。另壹方面,配合相關工具和支持庫使用,Vue.js也可以完美驅動復雜的單頁面應用。