原创 插槽 寫頭部

<template> <div class="goBack"> <div class="goBackTop"> <img class="back" @click="goback" src="static/images/my

原创 如何使手機號中間四位顯示 ****

簡單粗暴上代碼 data() { return { account: "13123456789", } }, mounted() { this.substr(this.account) }, substr(acco

原创 用於登陸驗證的vue組件 滑動

1:通過npm安裝 npm install vue-drag-verify --save npm install font-awesome <template> <div class="login"> <van-popup

原创 實現橫向滾動 並寬度不固定

1:原理 子元素的寬度大於父元素是,會出現滾動 overflow-x: scroll; 爲水平滾動,overflow-y: scroll; 爲垂直滾動,按需求這裏採用水平橫向滾動 <div class="content">

原创 vue的底部tab切換 以及圖片的變化

<template> <div class="footbar"> <router-link to='/' tag='div'> <span> <img :src="this.$rout

原创 MVC與MVVM的區別

1. Mvvm定義MVVM是Model-View-ViewModel的簡寫。 即模型-視圖-視圖模型。【模型】指的是後端傳遞的數據。【視圖】指的是所看到的頁面。【視圖模型】mvvm模式的核心,它是連接view和model的橋樑。它有兩

原创 VUE 利用 webpack 給生產環境和發佈環境配置不同的接口地址

前言 我們在開發項目的時候,往往會在同一個局域網進行開發,前後端分離同時進行開發。我們前端調用後端給的接口也是在局域網內部的。但是,當項目推到線上的時候,我們會從真實服務器上獲取接口,因此,我們可能在測試接口和真實接口之間頻繁切換,讓

原创 vue中axios的封裝

1:axios的封裝 import axios from 'axios' import {Toast} from 'vant'; // 引用vuex 來判斷 token import store from '../store/sto

原创 常見的HTTP狀態碼

1:2開頭 (請求成功)表示成功處理了請求的狀態代碼。 200 (成功) 服務器已成功處理了請求。 通常,這表示服務器提供了請求的網頁。 201 (已創建) 請求成功並且服務器創建了新的資源。 202 (已接受) 服

原创 php學習

數據庫: cmd mysql -uroot -p進入數據庫 默認密碼 root cls 清空 cmd quit退出數據庫 進入數據庫:\h 幫助命令 \c清空 show databaes 查看我的庫 創建庫 create da

原创 2:vue-cli打包後的思索--代碼優化

1:map文件 1:第一次打包,發現打包後的文件怎麼這麼大,.map文件又是什麼鬼? 2:經過一頓搜索,發現js的map文件.原來map文件只是幫助我們調試用的,畢竟打包後的代碼都是壓縮的,調試起來很不方便。測試沒問題,正式上線時,

原创 1:利用http-server測試vue-cli打包後的項目

目前在練習Vue,利用vue-cli腳手架開發了個vue2.0仿唯妮海購項目,在生產環境中一切良好,項目暫時告一段落,根據官方的npm run build打包後發現,在自己沒有線上服務器的情況下,測試成爲一大難題(實踐發現,後面還有很

原创 vue項目上傳圖片的方法

<template> <div class="power"> <ul class="clearfix"> <li class="one" v-if="imgs.length>0" v-for='(item ,index )

原创 vur中的v-for一些小知識

1:template 首先獲取一個v-for出來的數據 <div class="list"> <div @click="choose(index)" v-bind:class="{ 'ys1':index == current}"

原创 vue的簡單tab切換

<div class="tabNav flexbox"> <van-col span="12" :class="{'selected':tab === 0,'testTitle':true}"> <div @cl