Vue CLI 2 腳手架 TabBar 組件封裝
本文記錄在 vue cli 2 中封裝 tabbar 組件詳細(xì)步驟，主要是為了感受 vue 的組件封裝思想，也是前面學(xué)習(xí) vue 基礎(chǔ)的練習(xí)案例
辰風(fēng)沐陽(yáng) 閱讀 1229 2022-01-12
Vue-Router 3.x 的基本使用
Vue Router 是 Vue.js (opens new window)官方的路由管理器。它和 Vue.js 的核心深度集成，讓構(gòu)建單頁(yè)面應(yīng)用變得易如反掌。本文記錄路由參數(shù)傳遞、導(dǎo)航守衛(wèi)、keep-alive 組件的基本使用，是初次學(xué)習(xí) vue router 的筆記總結(jié)
辰風(fēng)沐陽(yáng) 閱讀 1125 2022-01-05
Vue 的認(rèn)識(shí)、特點(diǎn)介紹、安裝方式
漸進(jìn)式意味著可以將 Vue 作為應(yīng)用的一部分嵌入其中。假設(shè)一個(gè)項(xiàng)目需要重構(gòu)，有很多頁(yè)面需要重寫(xiě)，那么此時(shí)可以使用 Vue 對(duì)某一個(gè)頁(yè)面進(jìn)行重構(gòu)，等有時(shí)間時(shí)再對(duì)其他頁(yè)面進(jìn)行一點(diǎn)一點(diǎn)重構(gòu)，那么這個(gè)過(guò)程可以理解是漸進(jìn)式的
辰風(fēng)沐陽(yáng) 閱讀 1132 2021-12-28
vue cli 中的 import 和 export
import Vue from 'vue' 代表引入的是工具；import App from './App' 代表引入的是組件；export default 理解為 Vue.component('', {}) 的第二個(gè)參數(shù)
辰風(fēng)沐陽(yáng) 閱讀 1552 2020-09-18
vue cli 項(xiàng)目啟動(dòng) HBuilderX 編輯器的使用
vue cli 創(chuàng)建項(xiàng)目：vue create 項(xiàng)目名；啟動(dòng)項(xiàng)目：npm run serve；HBuilderX 鎖定始終訪問(wèn)的文件 src/App.vue
辰風(fēng)沐陽(yáng) 閱讀 1717 2020-09-18
Vue cli4 圖片地址引入的幾種方式
@開(kāi)頭，它也會(huì)作為一個(gè)模塊請(qǐng)求被解析。它的用處在于Vue CLI默認(rèn)會(huì)設(shè)置一個(gè)指向`項(xiàng)目根目錄/src`的別名@
辰風(fēng)沐陽(yáng) 閱讀 1699 2020-08-14
Vue 創(chuàng)建項(xiàng)目及目錄介紹
創(chuàng)建Vue cli 腳手架項(xiàng)目：vue create 項(xiàng)目名稱
辰風(fēng)沐陽(yáng) 閱讀 1564 2020-08-12
Vue CLI 腳手架簡(jiǎn)介及安裝
第一步：安裝 node，node 自帶 npm ；第二步：查看 node 版本: node -v，查看 npm 版本: npm -v ；第三步: 全局安裝 Vue CLI: npm install -g @vue/cli; 第四步：查看 Vue CLI 版本：vue --version
辰風(fēng)沐陽(yáng) 閱讀 2004 2020-08-05
Vue組件之動(dòng)態(tài)組件
動(dòng)態(tài)組件：不同組件之間進(jìn)行動(dòng)態(tài)切換，通過(guò) Vue 的 <component> 元素加一個(gè)特殊的 is attribute 實(shí)現(xiàn)
辰風(fēng)沐陽(yáng) 閱讀 1477 2020-08-02
Vue組件插槽的使用
插槽就是子組件提供給父組件使用的一個(gè)占位符，用 `<slot></slot>` 表示，父組件可以在這個(gè)占位符中填充任何模板代碼，如：html、組件等，填充的內(nèi)容會(huì)替換到子組件中的 `<slot></slot>` 標(biāo)簽
辰風(fēng)沐陽(yáng) 閱讀 1513 2020-08-02