《大數(shù)據(jù)和人工智能交流》頭條號向廣大初學(xué)者新增C 、Java 、Python 、Scala、javascript 等目前流行的計算機、大數(shù)據(jù)編程語言，希望大家以后關(guān)注本頭條號更多的內(nèi)容。

一、vue.js入門案例

示例-1：向頁面輸出大名鼎鼎的“hello world”：

#s001{

width:100px;

height:100px;

border:5px #3F6 solid;

}

{{ message }}

示例-2：vue.js的對象的應(yīng)用

自己生命一個商品goods，屬性有商品編號，商品名稱；定義個方法為showPrice用于展現(xiàn)商品價格，如下圖所示：

table{

width:350px;

border:1px #ccc solid;

}

td{

border:1px #999 solid;

text-align:center;

}

p{

color:red;

}

商品編號	商品名稱	商品價格
{{goods_id}}	{{goods_name}}	{{ShowPrice()}}

二、vue.js模板案例

向兩個div域中分別寫入文本屬性和html屬性，如下：

#s001{

width:100px;

height:100px;

border:5px #3F6 solid;

}

#s002{

width:100px;

height:100px;

border:5px red solid;

}

{{ text_value }}

三、vue.js的流程控制

案例1：選擇結(jié)構(gòu)練習(xí)

有如下商品表數(shù)據(jù)：

要求：如果商品編號為goods001，則顯示價格為100元，如果商品編號為goods002，則顯示價格為200元，如果商品編號為goods003，則顯示價格為300元，否則顯示“沒有標(biāo)價”，如下所示：

table{

border:1px #999 solid;

width:350;

text-align:center;

}

td{

border:1px #999 solid;

}

.c01{

background:#ccc;

}

商品編號	商品名稱	商品價格
goods002	vue.js	100元	200元	300元	沒有標(biāo)價

案例2：循環(huán)結(jié)構(gòu)

在一個無序標(biāo)簽里面，循環(huán)輸出3本書的書名：

{{ goods.goodsName }}

案例3：將對象中的數(shù)據(jù)循環(huán)輸出到無序標(biāo)簽

• {{ v }}

四、vue.js的樣式處理

如下列圖片所示，使用v-bind:class屬性實現(xiàn)點擊《加邊框》按鈕，給圖片加一個藍色的邊框：

.c001 {

width: 300px;

height: 220px;

background: green;

border:5px blue solid;

}

img{

width: 300px;

height: 220px;

}

五、vue.js的事件處理

使用vue.js事件綁定實現(xiàn)將一段文字改變顏色，如下所示：

.c_red{

color:red;

}

.c_blue{

color:blue;

}

大漠孤煙直

變紅

變藍

六、vue.js表單處理

使用vue.js對復(fù)選框進行數(shù)據(jù)綁定，自動計算商品總價格，如下圖所示：

商品列表：

《大數(shù)據(jù)導(dǎo)論》￥100元

《機器學(xué)習(xí)導(dǎo)論》￥200元

《智能傳感器》￥300元

總價格為：{{calculatePrice()}}元

《大數(shù)據(jù)和人工智能交流》的宗旨

1、將大數(shù)據(jù)和人工智能的專業(yè)數(shù)學(xué)：概率數(shù)理統(tǒng)計、線性代數(shù)、決策論、優(yōu)化論、博弈論等數(shù)學(xué)模型變得通俗易懂。

2、將大數(shù)據(jù)和人工智能的專業(yè)涉及到的數(shù)據(jù)結(jié)構(gòu)和算法：分類、聚類 、回歸算法、概率等算法變得通俗易懂。

3、最新的高科技動態(tài)：數(shù)據(jù)采集方面的智能傳感器技術(shù)；醫(yī)療大數(shù)據(jù)智能決策分析；物聯(lián)網(wǎng)智慧城市等等。

根據(jù)初學(xué)者需要會有C語言、Java語言、Python語言、Scala函數(shù)式等目前主流計算機語言。

根據(jù)讀者的需要有和人工智能相關(guān)的計算機科學(xué)與技術(shù)、電子技術(shù)、芯片技術(shù)等基礎(chǔ)學(xué)科通俗易懂的文章。

總結(jié)

以上是生活随笔為你收集整理的android应用案例开发大全_vue.js入门及经典应用案例总结（前端开发必看）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。