原创 vue項目props傳值類型影響:單項數據流及雙向數據流

第一:傳遞string、number等基本數據類型:在構建vue項目中,props是子組件獲取父組件的一種形式;在子組件中不可修改父組件傳遞的參數,代碼如下:1、父組件代碼: <template> <div class="hello">

原创 Vue自定義組件(簡單實現一個自定義組件)

在用vue構建項目的過程中,我們有時會用到別人開發的組件如vue-router;使用他人組件的正常步驟如下:1、命令行進行安裝,執行install;2、在vue項目中的入口文件main.js中,進行導入;3、然後用Vue.use(plugi

原创 vue路由篇(動態路由、路由嵌套)

什麼是路由?網絡原理中,路由指的是根據上一接口的數據包中的IP地址,查詢路由錶轉發到另一個接口,它決定的是一個端到端的網絡路徑。web中,路由的概念也是類似,根據URL來將請求分配到指定的一個'端'。(即根據網址找到能處理這個URL的程序或

原创 Vuex詳解---快速理解

Vuex是什麼,個人理解是vue.js中集中管理狀態的一種模式。官網解釋:Vuex是一個專爲Vue.js應用程序開發的狀態管理模式。它採用集中式存儲管理應用的所有組件的狀態並以相應的規則保證狀態以一種可預測的方式發生變化。 如果構建的應用比

原创 Vue項目build後,圖片加載不出來

vue項目,build之後會對圖片進行處理,具體處理的方式是在文件webpack.base.conf.js中,有如下代碼: module: { rules: [ { test: /\.(png|jpe?g|

原创 computed:快速理解setter和getter

計算屬性定義:當其依賴的屬性的值發生變化時,這個屬性的值會自動更新;同時,與其相關的DOM也會同步更新。 運用範圍:模板內的表達式一般都是比較簡單的,這是vue設計模板的初衷;如果在模板中放入過多複雜的邏輯,會讓模板過重切難以維護。此時,需

原创 element-ui中使用@mouseenter、@mouseleave等不起作用

vue項目中使用element-ui框架,在element標籤中使用@mouseenter不起作用。web項目中的寫法如下:<el-button type="primary" @mouseenter="loginBtn()">登錄</el-

原创 el-submenu 報錯 [Vue warn]: Expected String, got Number.

<el-submenu v-for="(item, index) in navBarData" :index="index" :key="index"> <template slot="title"> <i class=