區塊鏈網站用vuejs做怎麼樣
① 後台用nodejs，前端用vuejs，開發web app可行嗎
可以。node做服務端，web app打包放到應用商城，請求鏈接指向伺服器就行了
② Vue.js適合製作移動端的Webapp嗎
完全可以。
技術選型是這樣：
vue+vue-strap+babel(es6)+webpack+vue-router
app很簡單，使用vuejs自不必說，組件開發模塊管理使用vue-loader、webpack，頁面切換以及過場動畫使用vue-router，在app開發過程只需關注app的數據走向即可，另外可以搭配各類UI庫讓應用更加美觀，使用SUI或Framework7都可以，常使用的是Framework7一個分支版本light7(因為後續的功能補充可能用到jQuery。如果涉及數據後台同步可以配合後端語言進行開發，此處可選用Google現成的Firebase作為數據存儲端。
③ 有哪些網站是vue.js 做的
1. 可以通過el.__vfrag__.scope 獲取到當前節點上綁定的Vue對象。 例如： const clipboard = new Clipboard('.anticons-list li') clipboard.on('success', (e) =gt; { const item = e.trigger.__vfrag__.scope.item item.justCopied = true setTi。
④ 剛入坑，弱弱的問一下一個網頁能不能只引入一個vue.js來做數據綁定
可以,相當於把vue當成一個普通js庫使用,但是這樣vue的很多優點和特性就體現不出來了,有點大材小用啊
⑤ 最近區塊鏈項目中很火的VUEX數字資產交易平台怎麼樣
在7月30日VUEX數字貨幣交易平台公測版本上線當天，海內外有很多媒體對VUEX項目進行報道！報道除了VUEX項目本身的亮點外，還專門強調了這個項目強大技術支持手段和創新的挖礦機制。
⑥ 如何用JavaScript實現區塊鏈
<span style="font-family:Arial, Helvetica, sans-serif;">'use strict';</span>var CryptoJS = require("crypto-js");var express = require("express");var bodyParser = require('body-parser');var WebSocket = require("ws");var http_port = process.env.HTTP_PORT || 3001;var p2p_port = process.env.P2P_PORT || 6001;var initialPeers = process.env.PEERS ? process.env.PEERS.split(',') : [];class Block { constructor(index, previousHash, timestamp, data, hash) { this.index = index; this.previousHash = previousHash.toString(); this.timestamp = timestamp; this.data = data; this.hash = hash.toString(); }}var sockets = [];var MessageType = { QUERY_LATEST: 0, QUERY_ALL: 1, RESPONSE_BLOCKCHAIN: 2};var getGenesisBlock = () => { return new Block(0, "0", 1465154705, "my genesis block!!", "");};var blockchain = [getGenesisBlock()];var initHttpServer = () => { var app = express(); app.use(bodyParser.json()); app.get('/blocks', (req, res) => res.send(JSON.stringify(blockchain))); app.post('/mineBlock', (req, res) => { var newBlock = generateNextBlock(req.body.data); addBlock(newBlock); broadcast(responseLatestMsg()); console.log('block added: ' + JSON.stringify(newBlock)); res.send(); }); app.get('/peers', (req, res) => { res.send(sockets.map(s => s._socket.remoteAddress + ':' + s._socket.remotePort)); }); app.post('/addPeer', (req, res) => { connectToPeers([req.body.peer]); res.send(); }); app.listen(http_port, () => console.log('Listening http on port: ' + http_port));};var initP2PServer = () => { var server = new WebSocket.Server({port: p2p_port}); server.on('connection', ws => initConnection(ws)); console.log('listening websocket p2p port on: ' + p2p_port);};var initConnection = (ws) => { sockets.push(ws); initMessageHandler(ws); initErrorHandler(ws); write(ws, queryChainLengthMsg());};var initMessageHandler = (ws) => { ws.on('message', (data) => { var message = JSON.parse(data); console.log('Received message' + JSON.stringify(message)); switch (message.type) { case MessageType.QUERY_LATEST: write(ws, responseLatestMsg()); break; case MessageType.QUERY_ALL: write(ws, responseChainMsg()); break; case MessageType.RESPONSE_BLOCKCHAIN: handleBlockchainResponse(message); break; } });};var initErrorHandler = (ws) => { var closeConnection = (ws) => { console.log('connection failed to peer: ' + ws.url); sockets.splice(sockets.indexOf(ws), 1); }; ws.on('close', () => closeConnection(ws)); ws.on('error', () => closeConnection(ws));};var generateNextBlock = (blockData) => { var previousBlock = getLatestBlock(); var nextIndex = previousBlock.index + 1; var nextTimestamp = new Date().getTime() / 1000; var nextHash = calculateHash(nextIndex, previousBlock.hash, nextTimestamp, blockData); return new Block(nextIndex, previousBlock.hash, nextTimestamp, blockData, nextHash);};var calculateHashForBlock = (block) => { return calculateHash(block.index, block.previousHash, block.timestamp, block.data);};var calculateHash = (index, previousHash, timestamp, data) => { return CryptoJS.SHA256(index + previousHash + timestamp + data).toString();};var addBlock = (newBlock) => { if (isValidNewBlock(newBlock, getLatestBlock())) { blockchain.push(newBlock); }};var isValidNewBlock = (newBlock, previousBlock) => { if (previousBlock.index + 1 !== newBlock.index) { console.log('invalid index'); return false; } else if (previousBlock.hash !== newBlock.previousHash) { console.log('invalid previoushash'); return false; } else if (calculateHashForBlock(newBlock) !== newBlock.hash) { console.log(typeof (newBlock.hash) + ' ' + typeof calculateHashForBlock(newBlock)); console.log('invalid hash: ' + calculateHashForBlock(newBlock) + ' ' + newBlock.hash); return false; } return true;};var connectToPeers = (newPeers) => { newPeers.forEach((peer) => { var ws = new WebSocket(peer); ws.on('open', () => initConnection(ws)); ws.on('error', () => { console.log('connection failed') }); });};var handleBlockchainResponse = (message) => { var receivedBlocks = JSON.parse(message.data).sort((b1, b2) => (b1.index - b2.index)); var latestBlockReceived = receivedBlocks[receivedBlocks.length - 1]; var latestBlockHeld = getLatestBlock(); if (latestBlockReceived.index > latestBlockHeld.index) { console.log('blockchain possibly behind. We got: ' + latestBlockHeld.index + ' Peer got: ' + latestBlockReceived.index); if (latestBlockHeld.hash === latestBlockReceived.previousHash) { console.log("We can append the received block to our chain"); blockchain.push(latestBlockReceived); broadcast(responseLatestMsg()); } else if (receivedBlocks.length === 1) { console.log("We have to query the chain from our peer"); broadcast(queryAllMsg()); } else { console.log("Received blockchain is longer than current blockchain"); replaceChain(receivedBlocks); } } else { console.log('received blockchain is not longer than received blockchain. Do nothing'); }};var replaceChain = (newBlocks) => { if (isValidChain(newBlocks) && newBlocks.length > blockchain.length) { console.log('Received blockchain is valid. Replacing current blockchain with received blockchain'); blockchain = newBlocks; broadcast(responseLatestMsg()); } else { console.log('Received blockchain invalid'); }};var isValidChain = (blockchainToValidate) => { if (JSON.stringify(blockchainToValidate[0]) !== JSON.stringify(getGenesisBlock())) { return false; } var tempBlocks = [blockchainToValidate[0]]; for (var i = 1; i < blockchainToValidate.length; i++) { if (isValidNewBlock(blockchainToValidate[i], tempBlocks[i - 1])) { tempBlocks.push(blockchainToValidate[i]); } else { return false; } } return true;};var getLatestBlock = () => blockchain[blockchain.length - 1];var queryChainLengthMsg = () => ({'type': MessageType.QUERY_LATEST});var queryAllMsg = () => ({'type': MessageType.QUERY_ALL});var responseChainMsg = () =>({ 'type': MessageType.RESPONSE_BLOCKCHAIN, 'data': JSON.stringify(blockchain)});var responseLatestMsg = () => ({ 'type': MessageType.RESPONSE_BLOCKCHAIN, 'data': JSON.stringify([getLatestBlock()])});var write = (ws, message) => ws.send(JSON.stringify(message));var broadcast = (message) => sockets.forEach(socket => write(socket, message));connectToPeers(initialPeers);initHttpServer();initP2PServer();
⑦ 可以直接使用html直接寫內容,為什麼要用vue.js
我也不跟你說廢話，有本事就別往下看。為什麼要用Vue？因為Vue不用寫操作DOM的代碼。簡簡單單一句話。
Vue不操作DOM有什麼好處？如果你的頁面樣式要改變（改版），首先你要改html對吧，要改div里嵌套ul或者div嵌套div等等，改變這些之後你又要改變那些操作DOM的代碼或者改動比較大的操作DOM的代碼直接刪除重新，因為樣式變了。操作DOM能不能不要了，答案是可以的於是Vue誕生了(它誕生之前還有其他同類框架)。這時候我只關注頁面改變就行了不用想怎麼操作DOM了，有本事別往下看（哈哈，開玩笑）。
Vue顛覆了之前的工作方式，替代了Jquery的工作，操作DOM的工作全部交給了new Vue()這個對象，什麼是操作DOM就是從伺服器獲取數據後需要將數據渲染到網頁上比如：$('#app').txt('伺服器數據')這是Jquery提供的方法先找到一個id是app的節點然後把這個節點文本替換成』伺服器數據『，在Vue開發中完全沒有這類的代碼存在，如果有還是你用Vue不熟悉（個人理解，可能也不對我對自己不自信）
例子：
<div id="app">
<input type="text" v-model:value="name"/>
<input type="button" value="添加" @click="add"/>
<table>
<tr>
<td>姓名</td>
</tr>
<tr v-for="item in list" :key="item.id">
<td>{{ item.id }}</td>
<td>{{ item.name }}</td>
</tr>
</table>
</div>
<script>
var vm = new Vue({
el:'#app',
data:{
name: null,
list:[{id:0, name:'張三'}, {id:1, name:'李四'}, {id:2, name:'王五'}]
},
methods:{
add(){
var new_person = {id : this.list.length, name:this.name}
this.list.push(new_person)
this.name = null;
}
}
});
</script>
解析：
v-model:value="name" v-model:value 給value屬性增加雙向數據綁定（不懂雙向數據綁定的看最下面的一坨廢話）指向的"name"是什麼？name是new Vue()對象里data下的name。name名字是自己隨便起的想叫什麼叫什麼。也可以按你的代碼里的叫message
@click="add" @click是Vue語法里一個點擊事件，事件指向new Vue()里methods下的add函數，這個函數也是自己起的名字。
v-for="item in list" v-for代表循環的意思，循環new Vue()對象里data下的list對象數組，item代表循環的當前對象
:key="item.id" 列印對象的id屬性，id要是唯一標示。這個可以不寫不寫的話有bug哈哈哈有啥bug的話再問我吧因為這個bug不好描述。
add(){
var new_person = {id : this.list.length, name:this.name}
this.list.push(new_person)
this.name = null
}
首先得點擊『添加』這個按鈕才會觸發這個add方法
this.list是什麼？這個是new Vue()對象里data里的數據，this.list.length不用講了吧， this.name是什麼就是你當前在<input type="text" v-model:value="name"/>這是輸入框里輸入的數據。挖槽？我沒有用Jquery獲取文本框的內容竟然直接調用this.name就可以獲取到文本框里的內容，重要事情說三遍在用Vue的時候是沒有操作DOM的代碼的。this.name確實是new Vue()對象里的屬性值，只不過Vue對象發現頁面改變了迅速更新到了自己的name屬性上，v-model:value="name"這個就表示數據已經雙向綁定了。
this.name = null 為什麼最後要加這么一句，因為數據雙向綁定所以把name置空以後數據的變化也會在頁面上展示出來<input type="text" v-model:value="name"/>這個輸入框的內容清空了，我有用$('input').val('')嗎？並沒有。重要的事情說三遍不操作DOM。
自己的廢話（網上的廢話理解了之後翻譯給你的）
Vue是簡潔的MVVM框架，M:Model是數據,V:View是視圖層，VM就是前兩個的中間層，用MVVM主要是用它的數據雙向綁定或者單向綁定（個人理解），
單向綁定：數據改變則頁面也會隨著改變（完全不用Jquery操作DOM，之前的開發方式是獲取完數據之後想要顯示在頁面上都會用Jquery操作DOM(DOM就是頁面元素)）
雙向綁定：頁面改變數據也跟著改變，數據改變頁面也會跟著改變。我給的這個簡單例子就是數據雙向綁定（不操作DOM）
如果MVVM都不知道的話那快快感謝我吧，我不僅僅回答了你的問題還給你多加了點料，哈哈其實我學Vue之前也不知道什麼是MVVM只覺得這幫人凈整些虛的讓人去學習，知道MVVM後瞬間被打臉的感覺，確實很強。
Vue官網也明確的表示不推薦開發人員操作DOM因為它的VM層已經做了這方面工作了，你只要操作數據比如：this.message = '1' VM層自動查看有沒有綁定頁面上的DOM元素如果有使DOM刷新。
⑧ 如何用 Vue.js 實現一個建站應用
需求
獲取需求是開始項目的第一步。一般來說建站工具大多提供以下功能：
提供模板
主題色
豐富的功能模塊，如圖文、輪播、相冊等
模塊可以拖拽以及根據需求配置
支持創建多個頁面的網站
頁面可以分欄分區，有一些布局上的變化
網站支持手持設備
頁面：一個網站由一個或多個頁面（Page）組成。
分欄/分區：頁面由不同的功能區組成，比如公司介紹、成功案例、聯系方式等。可能是縱向排列的，也可能左右分欄排布，可以取個更恰當的名字 「區塊」（Section）。
模塊：每個區塊包含一個或多個組件，這些組件組合起來達到同一個目的。例如公司介紹這個區塊可以用一段文字模塊介紹公司大體情況，用一個輪播模塊展示公司主打產品。這里所說的模塊和熟悉的 「組件」（Component）劃等號，是要實現的最小功能單元。
模板：模板可以有很多種定義。此處可以理解為一個頁面的布局，類似於 QQ 空間可以選擇的分欄布局。模板定義了一個頁麵包含的區塊數量和每個區塊的橫向佔比。
主題色：每個網站都應有自己的風格。可以簡單認為：風格 = 模板 + 主題色，不同的模板搭配不同的主題色形成了不同風格的網站。
需求分析
在開始動手之前可以先分析一下需求。
從需求中可以提取到幾個關鍵詞：「模板」、「主題色」、「模塊」、「頁面」、「分欄」 。明確這些關鍵詞的意義將有助於接下來的設計。
⑨ Vue.js 這個框架怎麼樣評價
簡單、易學、高性能！！！你只要關心數據，再也不用作DOM操作了，爽！！
⑩ Vue.js能做PC端單頁式網站開發嗎
完全可以。
1、另一方面，Vue 完全有能力驅動採用單文件組件和 Vue 生態系統支持的庫開發的復雜單頁應用，實現PC端單頁式的前端開發。
2、PC端網站在不需要優先考慮SEO和首屏渲染時間時，單頁式在用戶體驗和開發體驗(開發效率)上是完勝多頁式的。
3、vue.js作為主流框架之一，同樣支持SSR，vue.js的PC端網站開發時服務端渲染編譯比較慢，使用用單頁式效率更高。
(10)區塊鏈網站用vuejs做怎麼樣擴展閱讀：
主流框架Vue.js與angularjs的開發區別：
一、相同點：
都支持指令：內置指令和自定義指令。
都支持過濾器：內置過濾器和自定義過濾器。
都支持雙向數據綁定。
都不支持低端瀏覽器。
二、不同點：
1、AngularJS的學習成本高，比如增加了Dependency Injection特性，而Vue.js本身提供的API都比較簡單、直觀。
2、在性能上，AngularJS依賴對數據做臟檢查，所以Watcher越多越慢。
3、Vue.js使用基於依賴追蹤的觀察並且使用非同步隊列更新。所有的數據都是獨立觸發的。對於龐大的應用來說，這個優化差異還是比較明顯的。
參考資料：vue.js官網-介紹-Vue.js