原创 vue學習—常用指令(二)
v-model：-model通常用於表單組件的綁定，例如input，select等。它實現的是表單組件的雙向綁定，如果用於表單控件以外標籤是沒有用的。如代碼所示，v-model有三個修飾符: (1) v-model.lazy在改變這個
2020-06-16 02:56:42
原创 vue學習—directive自定義指令
vue實例，把所有和Vue相關的都放在這個構造器裏面。el指定作用域範圍。全局API不在構造器裏。directive自定義指令在構造vue實例的構造器之外，註冊一個全局自定義指令 Vue.directive("指令名稱",{操作})，自定
2020-06-16 02:56:41
原创 vue富文本插件vue-quill-editor的使用
首先下載vue-quill-editor cnpm install vue-quill-editor --save新建公共組件quillEditor.vue，在quillEditor.vue中的html代碼如下：<template><
2020-02-24 06:04:45
原创 vue學習—常用指令(一)
v-if，v-else：v-if顯示條件爲真的時候的數據; v-else顯示條件爲假的的時候的數據<el-table-column fixed="right" label="操作" min-width="200" v-if="userIn
2020-02-24 06:04:44
原创 vue學習—常用指令(三)
v-pre：v-pre顯示源碼，即{{}}裏面是什麼就直接顯示什麼;v-cloak：v-cloak指令，必須配合style標籤使用 [v-cloak] {display: none; }。使用這個指令之後的效果：在瀏覽器渲染完成之前看不到
2020-02-24 06:04:44
原创 關於github裏面的個人郵箱設置
remote: error: GH007: Your push would publish a private email address.在用github提交代碼的時候總是報這個錯誤，檢查了多次命令輸入都是沒錯的，但結果就是不行。然後我
2020-02-24 06:04:44
原创 關於vue的特殊屬性keep-alive
<keep-alive> 包裹動態組件時，會緩存不活動的組件實例，而不是銷燬它們。和 <transition> 相似，<keep-alive> 是一個抽象組件：它自身不會渲染一個 DOM 元素，也不會出現在父組件鏈中。當組件在 <keep
2020-02-24 06:04:44
原创 一個居中截取圖片的小技巧
做項目的時候遇到一個需求，要在不縮放的情況下，截取圖片的居中部分作爲用戶頭像。以前用過css3中的clip:rect來截取圖片，但是rect後面的上下左右四個參數只能是具體的數值，設置成百分比就無效了。在不知道每張圖片具體大小的情況下，這
2020-02-24 06:04:44
原创 頁面打開時清除緩存的幾種方法
HTTP頭信息“Expires”和“Cache-Control”爲應用程序服務器提供了一個控制瀏覽器和代理服務器上緩存的機制。HTTP頭信息Expires告訴代理服務器它的緩存頁面何時將過期。HTTP1.1規範中新定義的頭信息Cache-
2020-02-24 06:04:44
原创 Vue學習—Vue模板的寫法
選項模板：不需要外部構造器，直接渲染到作用域視圖中，使用與比較少的內容量可以使用它，可以利用ES6模板字符串``的方式來實現，也可以直接用字符串即"<h1 style="color:red">我是選項模板</h1>"，這時template
2020-02-24 06:04:34
原创 Vue學習—生命週期
每個 Vue 實例在被創建時都要經過一系列的初始化過程——例如，需要設置數據監聽、編譯模板、將實例掛載到 DOM 並在數據變化時更新 DOM 等。同時在這個過程中也會運行一些叫做生命週期鉤子的函數，這給了用戶在不同階段添加自己的代碼的機會
2020-02-24 06:04:34
原创 vue學習—Vue.set
什麼是外部數據，就是不在Vue構造器裏裏的data處聲明，而是在構造器外部聲明，然後在data處引用就可以了。Vue.set 的作用就是在構造器外部操作構造器內部的數據、屬性或者方法。比如在vue構造器內部定義了一個count爲1的數據，
2020-02-24 06:04:34
原创 使用阿里巴巴矢量圖標庫下載所需的小圖標
阿里巴巴矢量圖標庫官網：點擊打開鏈接在官網註冊一個賬號登錄進去，或者直接用github賬號，qq賬號等；在這裏搜索你需要的圖標： 將搜索到的圖標加入購物車，點擊購物車 點擊“添加至項目”，然後點擊確定在項目圖標頁中，選擇Font cl
2020-02-24 06:04:34
原创 vue學習—vue.extend
使用基礎 Vue 構造器，創建一個“子類”。參數是一個包含組件選項的對象。data 選項是特例，需要注意在 Vue.extend() 中data必須是函數.創建 實例，並掛載到一個元素上。<body> <h1>v.extend </
2020-02-24 06:04:34
原创 webpack.dev.conf.js文件
webpack.dev.conf.js文件是在項目開發環境下使用的文件。該文件中的module對象：rules中增加了cssSourceMap的功能。const devWebpackConfig = merge(baseWebpackCo
2018-08-28 12:29:31