vue學習起步 了解下

2022-03-14 20:28:27 字數 1602 閱讀 4187

有這麼一句話,vue是漸進式框架。

抽取「漸進式框架」和「自底向上增量開發的設計」這兩個概念是什麼?中的解釋:

漸進式代表的含義是:主張(主張指使用時的硬性要求)最少。來個對比就知道什麼叫主張最少:

比如說,angular,它兩個版本都是強主張的,如果你用它,必須接受以下東西:

在生活中含義是為了保證各施工過程順利進行而搭設的工作平台,因此作為乙個工作平台,前端的腳手架可以理解為能夠幫助我們快速構建前端專案的乙個工具或者平台。目前很多主流的前端框架都提供了各自官方的腳手架工具,以幫助開發者快速構建起自己的專案,比如 vue、react 等, vue 的腳手架工具 vue-cli。

以@開頭的檔案路徑:

@/這是webpack設定的路徑別名,resolve裡面有乙個alias的配置專案,能夠讓開發者指定一些模組的引用路徑。對一些經常要被import或者require的庫,我們最好可以直接指定它們的位置,這樣方便我們查詢。

該檔案在目錄build/webpack.base.conf這個檔案裡面。該項配置具體講解參考:resolve.alias

resolve: 

}

__dirname代表當前模組檔案所在的資料夾路徑,__filename代表當前模組檔案所在的資料夾路徑+檔名

戳來連線:對於模組載入:es6、commonjs、amd、cmd的區別

//

以下import**在main.js檔案中

import vue from 'vue';

//完整的寫法

import vue from "../node_modules/vue/dist/vue.js";

//因為main.js是在src檔案中,所以../向前一級相對目錄查詢node_modules,再依次尋找後面的檔案。

//完整的寫法

import router from './route';

//完整的寫法

import router from './route.js';

import axios from 'axios';

//完整的寫法

import axios from '..\node_modules\axios\dist\axios.js';

import './less/index';

//完整的寫法

import './less/index.less';

1.import...from...的from命令後面可以跟很多路徑格式,若只給出vue,axios這樣的包名,則會自動到node_modules中載入;若給出相對路徑及檔案字首,則到指定位置尋找。

2.可以載入各種各樣的檔案:.js、.vue、.less等等。

碰到緊急專案挪別人的vue專案過來直接改,如何快速上手也去網上搜了一波,但是還不夠快,這次就總結了自己的快速上手經驗:如何快速上手乙個新技術之vue學習經驗

介紹兩篇大概介紹vue使用的文章:

vue.js 2 漸進式前端框架 的最佳學習方法

vue **前端js框架vue(挺詳細的)

vue.js 快速入門

多執行緒學習 簡單了解下

簡單了解下多工相關 多工不管是單核還是多核cpu,一單任務數量超過核數,os都會把每個任務輪流排程到每個核心上,os實現多執行緒和多程序往往都是通過時間片的形式執行的,即 每個任務 程序 執行緒 輪流執行,因為時間片切分的很小,以至於我們感覺多個任務在同時執行。實現多工方式 多程序模式,多執行緒模式...

了解下C 變數

乙個變數只不過是乙個供程式操作的儲存區的名字。在 c 中,每個變數都有乙個特定的型別,型別決定了變數的記憶體大小和布局。範圍內的值可以儲存在記憶體中,可以對變數進行一系列操作。我們已經討論了各種資料型別。c 中提供的基本的值型別大致可以分為以下幾類 型別舉例 整數型別 sbyte byte shor...

vue 起步小白學習筆記

1.安裝vue cli cnpm install global vue cli 2.初始化專案 vue init webpack my project 3.進入專案 cd my project 4.安裝依賴 npm install 5.啟動專案 npm run devindex.html 專案根檢視...