91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

vue使用vue-cli快速創建工程

發布時間:2020-09-13 20:17:51 來源:腳本之家 閱讀:184 作者:鴨梨山大哎 欄目:web開發

本文介紹了vue使用vue-cli快速創建工程,分享給大家,具體如下:

vue-cli安裝

npm i vue-cli -g
vue init webpack-simple vue-todos

vue-cli 是一個官方發布 vue.js 項目腳手架,使用 vue-cli 可以快速創建 vue 項目。

-g代表全局安裝。

i就是install的縮寫。

其中webpack-simple代表模板的名稱。vue-todos是你給自己的項目起的名稱,這個隨便起。

配置完成后,可以看到目錄下多出了一個項目文件夾,里面就是 vue-cli 創建的一個基于 webpack-simple 的 vue.js 項目。

vue使用vue-cli快速創建工程

之后一直回車,,并切換到vue-todos的目錄

接著執行

npm i

之后就可以運行了

npm run dev

這時可以修改上述App.vue的文件。

比如改為

<template>
<div id="app">
 <button v-on:click="counter += 1">增加 1</button>
 <p>這個按鈕被點擊了 {{ counter }} 次。</p>
</div>

</template>

<script>
export default {
 name: 'app',
 data () {
  return {
   counter: 0,
  }
 }
}
</script>

其中export default代表導出。然后在main.js利用import導入

運行的話結果就是

vue使用vue-cli快速創建工程

總結

vue-cli就是一個根據模板快速創建工程的工具(命令)啦~。

參考

Vue 爬坑之路(一)—— 使用 vue-cli 搭建項目 

JavaScript ES6中export及export default的區別

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持億速云。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

大关县| 中方县| 麻阳| 大渡口区| 进贤县| 新和县| 滁州市| 德兴市| 鄂温| 大渡口区| 松阳县| 和政县| 新化县| 昭通市| 扶余县| 青冈县| 巫山县| 辉南县| 安顺市| 阳城县| 罗田县| 道孚县| 农安县| 云阳县| 略阳县| 普兰店市| 东莞市| 湘乡市| 嘉义县| 丹凤县| 江阴市| 印江| 米易县| 宜城市| 尉氏县| 台前县| 海安县| 共和县| 峨眉山市| 诸城市| 栾城县|