vue基礎專案

2021-09-05 10:38:03 字數 666 閱讀 6600

最基本的vue專案必須了解的以下幾個檔案:

1、index.html檔案:瀏覽器訪問入口

2、src/components/helloworld.vue檔案:自定義元件(乙個元件就是乙個介面中的區域性功能介面)

4、src/main.js檔案:我們的入口js檔案,主要作用是初始化vue例項並使用需要的外掛程式。

/*該檔案主要是主元件引用子元件,過程步驟如下:

第一步:引入路徑 import helloworld from './components/helloworld'

第二步:對映元件標籤 components:

第一步:使用元件 */

/*

入口js:作用是建立vue的例項,模板如下:

import vue from 'vue'

new vue()

*//*

使用元件步驟:

new vue()

*/import vue from 'vue'

vue.config.productiontip = false

/* eslint-disable no-new */

new vue()

配置這四個檔案,就可以執行基本的vue工程

Vue cli搭建vue基礎專案

目錄 一 引言 二 專案建立 1 安裝node 2 全域性安裝cnpm 3 全域性安裝webpack和webpack cli 4 全域性安裝vue cli 5 使用vue cli建立專案 6 開發執行專案 7 打包發布專案 8 除錯工具外掛程式 三 總結 首先必須明確vue cli是什麼,就是乙個腳...

Vue構建專案基礎入門

1 新建目錄檔案,檢視node環境和npm環境 deepyk desktop n72n3fv mingw64 desktop web20181113 master npm v 6.4.1 deepyk desktop n72n3fv mingw64 desktop web20181113 maste...

Vue實戰專案開發 vue基礎精講

vue的每乙個元件都是乙個例項,該例項對應著很多屬性和方法。生命週期函式就是vue例項在某乙個時間點自動執行的函式 插值 文字 資料繫結最常見的形式就是使用 mustache 語法 雙大括號 的文字插值 原始html v html 雙大括號會將資料解釋為普通文字,而非 html 為了輸出真正的 ht...