Vue學習(第二天)

2022-07-02 12:12:11 字數 1410 閱讀 6964

開啟vscode,通過檢視-終端開啟終端,準備建乙個vue專案。開啟乙個目標資料夾,終端給命令

npm install -g vue-cli
建立乙個專案:

vue init webpack projectname

//cnpm install --global vue-cli 這個比上面更快一點

在這裡發現報錯了,說什麼系統禁止執行指令碼。如果發生這個問題這裡這樣解決:以管理員身份執行powershell,執行:get-executionpolicy,回覆restricted,表示狀態是禁止的。執行:set-executionpolicy remotesigned。選擇y。ok已經可以跑上面建立的專案了。然後進入到我們檔案開始跑一下專案;

cd name

npm run dev

這樣就是正常的建起來了。

專案左側有目錄結構。

在跑**的時候如果報錯和eslint語法檢測有關,則可以在index.js中找到useeslint設定為false。所以說下次建專案的時候直接把eslint不要了是最舒服的。

ok專案跑起來了,接下來開始今天的學習:

首先,單頁元件由以下三個元件構成:

檢視模版 元件樣式表

然後需要new乙個vue

這樣就可以在這個html中使用vue了。我們可以在裡面加入template來變更模版。

變數使用:

可以在雙括號中使用各種各樣的結構,例如:

}

}}

他們會顯示成以下結果:

而且vue例項暴露了很多有用的例項屬性和方法,他們都有字首$。

使用var vm = new vue({})建立物件,之後通過vm.$data這樣來使用屬性或者方法。資料發生改變的時候檢視也會發生改變,也就是資料驅動檢視。這些資料將會與資料庫將掛鉤。vue核心庫只關注檢視層(view)。資料不是主動傳到檢視上的,是通過控制器取到model然後展示到view上面的。vue將view層摘出來,單獨做。路由功能一類的有nodejs完成。

學習Vue的第二天

一 計算屬性 1.1計算屬性的本質 1.2計算屬性和methods對比 二 事件監聽 2.1事件監聽的基本使用 2.2引數問題 2.3修飾符 三 條件判斷 3.1v if v else if v else 3.2登入小案例 3.3.v show 四 迴圈遍歷 4.1遍歷陣列 4.2遍歷物件 4.3陣...

Vue筆記第二天

1.事件修飾符 v cloak可以隱藏鬍子語法 v once只渲染一次 prevent阻止預設跳轉 2.vue中的生命週期鉤子函式 beforemount 在dom渲染之前呼叫 mounted dom渲染完畢呼叫,這裡能訪問dom元素了 beforeupdate 資料發生改變,但是dom還沒變化之前...

vue的第二天

輸入關鍵字搜尋 刪除 foreach,some,filter,findindex屬於新陣列方法 indexof item 1屬於包含,item.name.includes 也屬於包含,有就返回true 根據關鍵字搜尋,1.使用foreach,some,filter,findindex來遍歷陣列 2....