vue開發(fā)是不是必須要搭腳手架-創(chuàng)新互聯(lián)

小編給大家分享一下vue開發(fā)是不是必須要搭腳手架，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

目前創(chuàng)新互聯(lián)已為上1000家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)頁空間、網(wǎng)站托管運營、企業(yè)網(wǎng)站設(shè)計、臨翔網(wǎng)站維護等服務(wù)，公司將堅持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

vue開發(fā)不是必須要搭腳手架的。vue項目不一定要搭建腳手架，也可直接用cdn引入vue.js的形式，寫的靜態(tài)頁面不搭建腳手架也是可以的；腳手架只不過是預(yù)先配置好的一個框架，你要是喜歡，手動搞一個腳手架一模一樣的代碼結(jié)構(gòu)都行。

vue是一個漸進式的前端框架，漸進式也就意味著你可以在使用過程中，引入自己需要的一系列外部資源。這也就意味著，你可以自己搭建自己的框架，如果不用vue-cli，你可以自己搭建開發(fā)框架，需要vuex、需要vue-router的時候，npm安裝，在項目中import就可以了。

vue項目不一定要搭建腳手架，也可以直接用cdn引入vue.js的形式，寫的靜態(tài)頁面不搭建腳手架也是可以的。腳手架只不過是預(yù)先配置好的一個框架，你要是喜歡，手動搞一個腳手架一模一樣的代碼結(jié)構(gòu)都行啊。

如果你不想使用框架，直接用vue.js構(gòu)建項目，可以用CND的方式引入使用。

推薦國外比較穩(wěn)定的幾個 CDN，國內(nèi)還沒發(fā)現(xiàn)哪一家比較好，目前還是建議下載到本地。

  • Staticfile CDN（國內(nèi)） : https://cdn.staticfile.org/vue/2.2.2/vue.min.js

  • unpkg：https://unpkg.com/vue/dist/vue.js, 會保持和 npm 發(fā)布的新的版本一致。

  • 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，即內(nèi)容分發(fā)網(wǎng)絡(luò)。CDN是構(gòu)建在現(xiàn)有網(wǎng)絡(luò)基礎(chǔ)之上的智能虛擬網(wǎng)絡(luò)，依靠部署在各地的邊緣服務(wù)器，通過中心平臺的負(fù)載均衡、內(nèi)容分發(fā)、調(diào)度等功能模塊，使用戶就近獲取所需內(nèi)容，降低網(wǎng)絡(luò)擁塞，提高用戶訪問響應(yīng)速度和命中率。CDN的關(guān)鍵技術(shù)主要有內(nèi)容存儲和分發(fā)技術(shù)。

CDN具有以下主要功能：

(1)節(jié)省骨干網(wǎng)帶寬，減少帶寬需求量；

(2)提供服務(wù)器端加速，解決由于用戶訪問量大造成的服務(wù)器過載問題；

(3)服務(wù)商能使用Web Cache技術(shù)在本地緩存用戶訪問過的Web頁面和對象，實現(xiàn)相同對象的訪問無須占用主干的出口帶寬，并提高用戶訪問因特網(wǎng)頁面的相應(yīng)時間的需求；

(4)能克服網(wǎng)站分布不均的問題，并且能降低網(wǎng)站自身建設(shè)和維護成本；

(5)降低“通信風(fēng)暴”的影響，提高網(wǎng)絡(luò)訪問的穩(wěn)定性。

以上是“vue開發(fā)是不是必須要搭腳手架”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)頁名稱：vue開發(fā)是不是必須要搭腳手架-創(chuàng)新互聯(lián)
文章網(wǎng)址：http://muchs.cn/article26/dddojg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、網(wǎng)站營銷、定制開發(fā)、營銷型網(wǎng)站建設(shè)、響應(yīng)式網(wǎng)站、網(wǎng)站策劃

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

成都定制網(wǎng)站網(wǎng)頁設(shè)計