Vue 基礎框架目錄解析

當我們用npm生成乙個專案的時候，我們要了解這個專案的檔案

1.index.html 是所有html的入口，點開該index.html 可以看到：

charset="utf-8">

name="viewport"
content="width=device-width,initial-scale=1.0">
hellovuetitle>
head>
div>
body>
html>
import vue from
'vue'
vue.config.productiontip = false
/* eslint-disable no-new */
new vue();
//import vue from 'vue' 
//會從node_modules中取vue框架的東西

//這裡的data

(){} 是es6的語法，相當於

function data()}

//但是還是推薦使用vue

es6的寫法

我們把檔案字尾名為.vue的檔案稱之為單檔案元件，實際上裡面放的是vue的元件

vue專案目錄解析

1.build資料夾 打包配置的資料夾 1.1 webpack.base.conf.js 打包的核心配置 1.2 build.js 構建生產版本，專案開發完成之後，通過build.js打包 載入base與prod，讀取完之後通過webjpack命令對專案進行打包 1.3 webpack.prod.c...

DRF框架和Vue框架閱讀目錄

vue框架目錄 二 vue框架 二 vue指令 v once指令 v cloak指令 條件指令 v pre指令 迴圈指令 todolist案例 vue例項 計算 監聽 元件 元件資料互動 三 vue框架 三 vue專案搭建和專案目錄介紹 元件 路由 四 vue框架 四 路由跳轉 路由傳參 cooki...

vue 專案整體框架解析

node modules 用來放很多很多的環境依賴。src 放各種資源的 components 放置各種小組件，相當於是子元件的子元件。router 路由，用來設定哪個 url 訪問哪個頁面元件。store 倉庫。main.js 入口檔案 3 vue專案的請求生命週期 main.js完成環境的載入與...