vue2 x工程目錄簡介

2021-09-24 07:14:50 字數 1439 閱讀 8995

|--dist                         打包之後的發布目錄      

| |--css 存放打包之後的css資料夾

| |--img 存放打包之後的img資源資料夾

| |--js 存放打包之後存放的js資料夾

| |--index.html 存放打包之後的入口頁面

||--mock 本地前端工程mock的一些資料

||--node_module 本地專案的第三方依賴

||--public

||--src 開發目錄

| |

| |--assets 開發時候存放的一些靜態資源

| |

| |--components 業務開發的元件

| |

| |--lib 開發過程中自己寫的一些工具庫

| |

| |-plugins

| |

| |-router 前端工程的路由,將其模組化,單獨的拿出來

| | |

| | |-router.js 工程的路由配置

| |

| |-vuex vuex轉態管理

| | |

| | |-store.js

| |

| |-main.js 工程的入口檔案,用以引入一些全域性變數

| |-.gitignore 提交git倉庫忽略的檔案

| |-babel.config.js babel的一些配置

| |-package.json 依賴的第三方配置檔案

| |-readme.md 專案簡單介紹

複製**

其中有一些檔案目錄不是vue create vue 跑出來的。比如vuex是後續在專案開發過程中新增的,這裡一併羅列出各個資料夾下的一些路徑,並注釋其作用。 在vue-cli3中開發過程已經非常簡化了 大體上開發過程中就會用到下面幾個命令

其中我們關注的最多的就是src/component這個資料夾,這個資料夾下面有我們開發的所有業務元件。

vue2 x的簡介與安裝

1.簡介 概述 類似於angular.js react.js之類的spa框架,相比其他兩種spa框架 更加輕量級些 更容易入門些。相容性 vue.js不支援 ie8 及其以下版本,因為 vue.js 使用了 ie8 不能模擬的 ecmascript 5 特性。vue.js 支援所有相容 ecmasc...

vue2 x知識總結

data data data data 逆轉訊息 data methods data 現在我們為每個 todo item 提供 todo 物件 todo 物件是變數,即其內容可以是動態的。我們也需要為每個元件提供乙個 key 稍後再 作詳細解釋。vue.component todo item dat...

vue2 x 許可權管理實現

由於工作的需求,前後端分離,需要對頁面中的資源許可權控制,到按鈕級別。開發步驟 1 制定 資源的命名規則 系統名 模組名 頁面名 功能名 2 收集各個頁面所有需要管控按鈕的資源,用乙個excel來整理 退出編輯備註 a.v privilege 表示是使用的指令 b.privilegeid 表示資源的...