溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下vue開發是不是必須要搭腳手架，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
vue開發不是必須要搭腳手架的。vue項目不一定要搭建腳手架，也可直接用cdn引入vue.js的形式，寫的靜態頁面不搭建腳手架也是可以的；腳手架只不過是預先配置好的一個框架，你要是喜歡，手動搞一個腳手架一模一樣的代碼結構都行。
vue是一個漸進式的前端框架，漸進式也就意味著你可以在使用過程中，引入自己需要的一系列外部資源。這也就意味著，你可以自己搭建自己的框架，如果不用vue-cli，你可以自己搭建開發框架，需要vuex、需要vue-router的時候，npm安裝，在項目中import就可以了。
vue項目不一定要搭建腳手架，也可以直接用cdn引入vue.js的形式，寫的靜態頁面不搭建腳手架也是可以的。腳手架只不過是預先配置好的一個框架，你要是喜歡，手動搞一個腳手架一模一樣的代碼結構都行啊。
如果你不想使用框架，直接用vue.js構建項目，可以用CND的方式引入使用。
推薦國外比較穩定的幾個 CDN，國內還沒發現哪一家比較好，目前還是建議下載到本地。
Staticfile CDN（國內） : https://cdn.staticfile.org/vue/2.2.2/vue.min.js
unpkg：https://unpkg.com/vue/dist/vue.js, 會保持和 npm 發布的最新的版本一致。
cdnjs : https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js
通過CDN方式，在頁面上引入 js 和 css 文件即可開始使用。
案例1：vuex
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
<script src="https://unpkg.com/vuex@3.0.1/dist/vuex.js"></script>
</head>
<div id="app"></div>
<body>
<script type="text/Template" id="tpl">
<div>
<tip></tip>
<input type="button" value="+" @click="jia" />
<input type="button" value="-" @click="jian" />
</div>
</script>
<script>
const VuexStore = new Vuex.Store({
state: {
count: 0,
num1: 1,
num2: 2
},
mutations: {
add(state, arg) {
state.count += arg.amount;
},
reduce(state) {
state.count --;
}
},
getters: {
he(state,getters) {
return state.count + state.num1 + state.num2
},
add5(state) {
return state.count + 0
}
},
actions: {
add_act({commit}) {
commit({type:'add', amount:5})
},
reduce_act({commit}) {
commit({type:'reduce'})
}
},
modules: {
}
});
const app = new Vue({
el: '#app',
store: VuexStore,
template: '#tpl',
components: {
tip: {
computed: {
...Vuex.mapState(['count','num1','num2']),
// ...Vuex.mapGetters(['he'])代替了$store.getters.he
...Vuex.mapGetters(['he']),
},
template: '<div>{{count}}-{{num1}}-{{num2}}={{he}}</div>'
}
},
methods: {
// ...Vuex.mapMutations(['add'])代替了$store.commit('add')
// ...Vuex.mapMutations(['add','reduce']),
...Vuex.mapActions(['add_act', 'reduce_act']),
jia() {
// this.$store.commit({type:'add',amount:100})
// this.$store.dispatch('add_act');
this.add_act();
// this.add({amount:100});
},
jian() {
// this.$store.commit('reduce');
// this.$store.dispatch('reduce_act');
this.reduce_act();
// this.reduce();
}
}
})
</script>
</body>
</html>至于router案例：https://github.com/vuejs/vue-router/tree/dev/examples
擴展資料：
CDN的全稱是Content Delivery Network，即內容分發網絡。CDN是構建在現有網絡基礎之上的智能虛擬網絡，依靠部署在各地的邊緣服務器，通過中心平臺的負載均衡、內容分發、調度等功能模塊，使用戶就近獲取所需內容，降低網絡擁塞，提高用戶訪問響應速度和命中率。CDN的關鍵技術主要有內容存儲和分發技術。
CDN具有以下主要功能：
(1)節省骨干網帶寬，減少帶寬需求量；
(2)提供服務器端加速，解決由于用戶訪問量大造成的服務器過載問題；
(3)服務商能使用Web Cache技術在本地緩存用戶訪問過的Web頁面和對象，實現相同對象的訪問無須占用主干的出口帶寬，并提高用戶訪問因特網頁面的相應時間的需求；
(4)能克服網站分布不均的問題，并且能降低網站自身建設和維護成本；
(5)降低“通信風暴”的影響，提高網絡訪問的穩定性。
以上是“vue開發是不是必須要搭腳手架”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
