vueJS簡單的點選顯示與隱藏的效果

目前前端框架太多，接觸過angular、ember，現在開始倒騰vue

此處用到v-if、v-else、v-show，v-if或讓元素不在dom上，v-show只是改變display:block屬性，感覺v-if好

感覺跟適合、

演示效果:

doctype html
>
<
html 
lang
="en"
>
<
head
>
<
meta 
charset
="utf-8"
>
<
title
>v-if、v-else、v-show
title
>
<
script 
src="../js/vue.js"
>
script
>
head
>
<
body
>
<
div 
id>
<
p v-if
="willshow"
>顯示顯示顯示
p>
<
p v-else
>隱藏隱藏隱藏隱藏
p>
<
button 
@click
="fn()"
>改變
button
>
div>
<
script
>
varvm
=new
vue(,
methods:
else}}
});script
>
body
>
html
>

點選隱藏顯示和點選body空白處隱藏

doctype html html lang en head meta charset utf 8 title document title style type text css btn pop style head body a href j ascript class btn 點選 a div...

點選按鈕顯示，點選空白處隱藏

html text align center 多數情況下，8個領域中除了知識常識外的其他7個領域，都應優先學習 各個領域中的核心類技能優先學習，核心類技能中，技能年齡小的優先學習。button class xiaotieshi id btnshow value 選課貼士 js function 按鈕...

Angelar與VueJs的簡單對比

vue的優點 1.簡單 vue的目標就是通過盡可能簡單的api實現響應的資料繫結和組合的檢視元件，而且vue的開發者是中國人，文件都是中文，所以很好入門 2.靈活 vue官方提供了構建工具來協助你構建專案，但它不限於你去如何構建 ps 相對於angularcli，它包辦了所有的非開發工作，如編譯 構...