Vue
Excalibur_C
这个作者很懒,什么都没留下…
展开
-
Vue利用vant实现图片懒加载
在加载图片的过程中,经常由于图片加载太慢导致界面不友好,可以通过懒加载的方式实现让图片加载完成后再显示原图在Vue中,可以利用vant的组件Lazyload 图片懒加载来实现官方网址 Lazyload首先因为 LazyLoad 是Vue的指令,我们需要在 main.js 中引用它import { Lazyload } from 'vant';Vue.use(Lazyload);页...原创 2020-03-24 20:39:30 · 2394 阅读 · 0 评论 -
Vue Cli 3 引入 jQuery
安装 jQuerynpm install jquery --savevue.config.js 配置const webpack = require('webpack')module.exports = { configureWebpack: { plugins: [ new webpack.ProvidePlugin({ $:"...原创 2020-03-09 22:37:47 · 285 阅读 · 0 评论 -
Vue生命周期详解
首先,什么是生命周期和生命周期函数一个组件从创建、渲染最后到销毁的这个过程就是生命周期在这之中发生的一些事件就是生命周期函数初始化组件的事件和生命周期函数↓beforCreate:第一个生命周期函数,这时组件的data、methnds、和DOM结构都没有初始化,什么都做不了↓初始化data中的数据和methods里的方法↓created:这里data和methods里的方法已经...原创 2020-03-07 22:34:04 · 139 阅读 · 0 评论 -
Vue Cli 3.0中使用@import引入外部css文件
我在Vue Cli 3.0项目中把当前页面的样式分离出来,在通过@import的方式引入<style scoped> @import url("../styles/index.css");</style>从而减少单个页面的代码数量。但是在,其他页面出现了样式错乱的问题,分离出来的那个样式文件的样式应用到了其他页面。注意,不论是在首个页面还是其他页面我都有设置 ...原创 2019-10-16 21:25:43 · 9477 阅读 · 0 评论