Vue CLI 2 腳手架 TabBar 組件封裝

vue

本文記錄在 vue cli 2 中封裝 tabbar 組件詳細(xì)步驟,主要是為了感受 vue 的組件封裝思想,也是前面學(xué)習(xí) vue 基礎(chǔ)的練習(xí)案例

辰風(fēng)沐陽(yáng) 閱讀 1316 2022-01-12

Vue-Router 3.x 的基本使用

vue

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) 閱讀 1223 2022-01-05

Vue 的認(rèn)識(shí)、特點(diǎn)介紹、安裝方式

vue

漸進(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) 閱讀 1224 2021-12-28

vue cli 中的 import 和 export

vue

import Vue from 'vue' 代表引入的是工具;import App from './App' 代表引入的是組件;export default 理解為 Vue.component('', {}) 的第二個(gè)參數(shù)

辰風(fēng)沐陽(yáng) 閱讀 1661 2020-09-18

vue cli 項(xiàng)目啟動(dòng) HBuilderX 編輯器的使用

vue

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) 閱讀 1812 2020-09-18

Vue cli4 圖片地址引入的幾種方式

vue

@開(kāi)頭,它也會(huì)作為一個(gè)模塊請(qǐng)求被解析。它的用處在于Vue CLI默認(rèn)會(huì)設(shè)置一個(gè)指向`項(xiàng)目根目錄/src`的別名@

辰風(fēng)沐陽(yáng) 閱讀 1808 2020-08-14

Vue 創(chuàng)建項(xiàng)目及目錄介紹

vue

創(chuàng)建Vue cli 腳手架項(xiàng)目:vue create 項(xiàng)目名稱

辰風(fēng)沐陽(yáng) 閱讀 1674 2020-08-12

Vue CLI 腳手架簡(jiǎn)介及安裝

vue

第一步:安裝 node,node 自帶 npm ;第二步:查看 node 版本: node -v,查看 npm 版本: npm -v ;第三步: 全局安裝 Vue CLI: npm install -g @vue/cli; 第四步:查看 Vue CLI 版本:vue --version

辰風(fēng)沐陽(yáng) 閱讀 2111 2020-08-05

axios 介紹及引入使用

axios

Axios 是一個(gè)基于 promise 的 HTTP 庫(kù),可以用在瀏覽器和 node.js 中。類似于 $.ajax 用于請(qǐng)求接口

辰風(fēng)沐陽(yáng) 閱讀 1862 2020-08-03

Vue組件之動(dòng)態(tài)組件

vue

動(dòng)態(tài)組件:不同組件之間進(jìn)行動(dòng)態(tài)切換,通過(guò) Vue 的 <component> 元素加一個(gè)特殊的 is attribute 實(shí)現(xiàn)

辰風(fēng)沐陽(yáng) 閱讀 1579 2020-08-02

最新推薦