##一:vue打包后把瀏覽器前綴去除了。兼容性沒(méi)有了
改一下自己package.json中的混稽,即可。
"browserslist": [//配置你需要兼容的瀏覽器或手機(jī)版本
? ? "> 1%",
? ? "last 2 versions",
? ? "Android >= 3.2",
? ? "Firefox >= 20",
? ? "iOS >= 6",
? ? "last 10 Chrome versions",
? ? "last 5 Firefox versions",
? ? "Safari >= 6",
? ? "ie > 8"
? ]
##二.自定義字體圖標(biāo)
1.
2.
3.
4.下載一份解壓 (h5正常使用,小程序把iconfont.css改成iconfont.wxss)
5.打開(kāi)文件修改css
6.全局引入css
7.項(xiàng)目中使用
8.后面添加或者刪除icon,不需要重新下載修改
1).
###總結(jié):后面添加圖標(biāo)修改圖標(biāo)是在增加或刪掉少數(shù)圖標(biāo)的使用,最好一次解決,先找好圖標(biāo)一次下載
##三.當(dāng)數(shù)據(jù)有更新,在dom中渲染后县耽,自動(dòng)執(zhí)行該函數(shù)句喷,。vue $nexttick
##四.vue的過(guò)濾器的使用(多個(gè)參數(shù)傳參兔毙,參數(shù)穿的順序和接受的順序是相反的)
局部過(guò)濾器
全局過(guò)濾器
https://www.cnblogs.com/xiterjia/p/6701324.html這邊文章可以用
郵箱的正則表達(dá)式
/^[1-9a-zA-Z_]\w*@[a-zA-Z0-9]+(\.[a-zA-Z]{2,})+$/
手機(jī)號(hào)的正則表達(dá)式
/^[1][3,4,5,7,8][0-9]{9}$/
五.vue引入外部js文件唾琼,自定義函數(shù)
例如
1.新建calculation.js
2.在使用率不多的情況下局部引入js文件
3.全局引用,將這個(gè)方法注冊(cè)全局,寫(xiě)到vue的原型上
(1)建立個(gè)js 文件(我的文件名為validate.js), 寫(xiě)入該方法澎剥, 這里使用 exports.install 注冊(cè)全局方法锡溯,掛載到vue原型上
exports.install = (Vue, options) => {Vue.prototype.validator = {lanenoTransf(val) {returnval.substr(2, 1) == '1' ? '出口' : '入口' }? }}
? 然后在main.js中引入?
import validator from '@/utils/validate'
Vue.use(validator)
最后頁(yè)面上就可以直接使用
{ prop: 'laneno', label: '數(shù)據(jù)類(lèi)型', formatData:this.lanenoTransf},
六. vue中使用vux微信里的前端組件
1.cnpm install vux --save
2.cnpm install vux-loader --save-dev
3.
七.vue授權(quán)登陸,回調(diào)地址
let redirect_uri ='http://www.91xsf.com/#/author'//授權(quán)登陸的中間頁(yè)
window.location.UTF-8")+'&response_type=code&scope=snsapi_userinfo&#wechat_redirect'
轉(zhuǎn)一下就可以拿到你想回調(diào)的地址了哑姚,如果直接把地址拼進(jìn)去會(huì)報(bào)錯(cuò)祭饭,微信#問(wèn)題自行百度
// 全局鉤子
router.beforeEach((to, from, next) => {
? const toDepth = to.path.split('/').length
? const fromDepth = from.path.split('/').length
? if (toDepth < fromDepth) {
? ? from.meta.keepAlive = false
? ? to.meta.keepAlive = true
? }
? let login = localStorage.getItem('token')
? let path = to.path
? if (path === '/my') {
? ? next()
? ? return
? }
? if (login) {
? ? if (path === '/') {
? ? ? next({
? ? ? ? path: '/'
? ? ? })
? ? } else {
? ? ? next()
? ? }
? } else {
? ? next({
? ? ? path: '/my'
? ? })
? }
? next()
});
判斷執(zhí)行內(nèi)容
八.二維碼生成器
https://blog.csdn.net/zhuswy/article/details/80267748