Vue
默然相爱鱼鱼鱼
这个作者很懒,什么都没留下…
展开
-
Flex 布局教程:实例篇
Flex 布局教程:实例篇作者:阮一峰日期:2015年7月14日上一篇文章介绍了Flex布局的语法,今天介绍常见布局的Flex写法。你会看到,不管是什么布局,Flex往往都可以几行命令搞定。我只列出代码,详细的语法解释请查阅《Flex布局教程:语法篇》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。一、骰子的布局骰子的一面,最多可以放置9个点。下面,就来看看Flex如何实现,从1个点到9个点的布局。你可以到codepen..转载 2021-10-18 09:19:47 · 70 阅读 · 0 评论 -
Vueuse包提供的useIntersectionObserver 方法如何使用(参数;返回值)实现无限下拉信息流
基于 IntersectionObserver 异步监听方法,实现无线信息流下拉加载,<template> <div id="app"><!-- 1. 设置容器元素,view-list--> <div class="view-list"><!-- 2. 循环一个列表,新数据进行追加,下面增加一个loading条--> <div class="item原创 2021-10-08 10:45:15 · 3781 阅读 · 1 评论 -
vue-cli3全局引入less变量报错:Variable @priceColor is undefined或Variable @BG is undefined
当有一个可在全局使用的公共less变量文件variable.less如何写才能一次性在所有.vue文件中引入这个文件?我尝试了几种方法1:安装style-resources-loader然后配置const path = require("path");module.exports = { pluginOptions: { "style-resources-loader": { preProcessor: "less", patterns: [path原创 2021-09-27 09:15:29 · 7153 阅读 · 0 评论 -
在Mac环境下运行Vue项目时出现Module build failed (from ./node_modules/babel-l错误
npm run serve> [email protected] serve> vue-cli-service serve INFO Starting development server...10% building 2/6 modules 4 active ...p/vue项目demo/vue-shop-admin/src/main-dev.j10% building 3/6 modules 3 active ...p/vue项目demo/vue-shop-admin/.原创 2021-09-23 08:30:08 · 1274 阅读 · 0 评论 -
Mac环境全局安装@vue/cli和更新npm命令
Mac的指令和Windows的指令是不一样的查看版本都是npm -vMac的更新npm是sudo npm install npm@latest -gnpm -vsudo npm install npm@latest -g具体的做法是:npm全局安装文件时可以使用 ‘sudo’ 任何管理员账户都可以使用sudo来获取 root 权限,所以使用一下指令即可;sudo npm install -g @vue/cli安装之后,使用一下指令查询版本信息vue -V /...原创 2021-09-17 16:08:12 · 821 阅读 · 0 评论