VS Code開啟第乙個VUE前端專案(4)

2021-09-19 14:16:12 字數 457 閱讀 1197

過了乙個星期了,對vue有了初步的認識,這裡說一下vue到底幹嘛的。

vue的作用是將所有的元件模組化,分在了以.vue結尾的檔案中,內部的元素被包裹,每個部分代表乙個功能(也可以多個功能,單個功能會更友好,畢竟模組化了),對於這些vue檔案,除了功能子模組外,還需要根模組,將多個分散模組組合到一起,變成乙個完整的頁面。

在每個模組構造時,難免會發生資料交換,模組的資料賦值,函式定義等等,這些是定義在之間的js指令碼部分,是每個模組獨有的部分。每個模組指令碼部分大致的內容可以體現為:

這裡主要對props屬性進行分析,對於模組間,最經常遇到的就是父模組與子模組的資料通訊。在vue中,子模組可以通過props屬性獲取到父模組傳遞過來的資料,子模組也可以通過this.$emit(parentfunction, params)來呼叫父模組的方法,這裡有個坑。

父模組(parent.vue)**:

使用VScode建立第乙個vue專案

初識vue,小小白一枚 軟體,外掛程式安裝,略.外掛程式 vetur 支援vue 高亮 eslint js語法糾錯 auto close tag 自動閉合標籤 auto rename tag 自動完成另一側標籤的同步修改 jquery code snippets jquery 智慧型提示 第一步 開...

第乙個Vue應用

不管我們學習哪種語言,我們第乙個寫的估計就是hello world了,這裡我們也是先通過乙個簡單的html 開始,來對vue有乙個直觀的感覺。charset utf 8 vue 示例教程title head type text v model name placeholder 您的輸入 onkeyd...

第乙個vue執行

1,我剛入手,所以直接在網上d的模板,用的element,倉庫 2,vue搭建環境 vue需要nodejs支援,需要用到npm npm的作用就是對node.js依賴的包進行管理 新版本安裝的時候,nodejs會將其一起安裝上。一般用lts,穩定版本 2 安裝完以後可以嘗試用命令裝x一下。測試下版本 ...