![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
混迹在开发队伍里的伪开发
这个作者很懒,什么都没留下…
展开
-
Vue报错笔记(1)vue.esm.js?efeb:628 [Vue warn]: Property or method “handleClick“ is not defined on the...
报错代码:[Vue warn]: Property or method "handleClick" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://v原创 2021-01-29 18:42:43 · 4695 阅读 · 1 评论 -
Vue解决warning Emitted value instead of an instance of Error
报错截图原代码<el-carousel ref="carousel" :interval="4000" type="" height="200px"> <el-carousel-item v-for="item in imgList" > <img :src="item.src" /> </el-carousel-item> </el-carousel>只需要加上 :key 就可以修改后原创 2021-01-25 09:12:59 · 743 阅读 · 0 评论 -
vue脚手架通过ui界面方式创建项目
我们vue脚手架提供了图形界面操作项目,比之前通过命令操作的形式更加简单,下面我就来总结一下图形界面创建项目的基本步骤1、首先保证全局安装@vue/cli工具 ,没有自行下载cnpm i @vue/cli -g2、推荐下载yarn包管理器cnpm i yarn -g3、接下来我们就可以在自己的电脑里创建项目,找到电脑某个位置,在此文件夹按住shift同时右键,在此处打开cmd命令窗口或者在此处打开powershell窗口4、打开窗口之后运行vue ui命令,此时就会打开ui图形界面5转载 2021-01-22 17:46:45 · 212 阅读 · 0 评论 -
vue 设置自动打开浏览器
修改index.jsautoOpenBrowser: true,原创 2021-01-22 14:04:54 · 301 阅读 · 0 评论 -
vue中引入css的几种方式
1、在main.js中引入import 'common/stylus/index.styl'或者import '@/common/stylus/index.styl'2、在.vue文件中@import '../../common/stylus/mixin.styl';3、在index.html中引入注:1.在config目录下的 index.js 里面说明了index.html需要引用的静态资源路径2.必须放在static目录下面才能引用到引用<link rel="styl原创 2021-01-21 17:40:47 · 3317 阅读 · 0 评论 -
vue stylus的安装及使用方法(报错问题处理)
首先原网站:https://stylus-lang.com/docs/mixins.html一、安装styluscnpm install stylus --save-dev二、安装完成截图三、查看安装成功stylus -V四、安装stylus-loadercnpm install stylus stylus-loader --save-dev五、修改webpack.base.conf.js{ test:/.scss$/, loader:'styl原创 2021-01-21 11:46:49 · 646 阅读 · 0 评论 -
vue中安装及使用animate.css
先上Animate官网地址:https://animate.style/一、安装:我用的yarn 安装$ yarn add animate.css安装成功截图二、引用(修改main.js)import animated from 'animate.css' // npm install animate.css --save安装,再引入Vue.use(animated)三、应用1.直接使用类名<h1 class="animate__animated animate__boun原创 2021-01-20 19:52:19 · 603 阅读 · 0 评论 -
axios 基础用法
1.安装npm install --save axios安装完成截图(如果出现报错,看上一篇文章)2.在main.js中配置3.使用created () { this.$axios.get("http://localhost:8080/static/js/data.json").then((response) => { this.$nextTick(() => { console.log(response) }) })原创 2021-01-18 18:46:04 · 78 阅读 · 0 评论 -
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@~2.3.1 报错处理
报错截图第一步:在package.json中添加这个对象 "optionalDependencies": { "fsevents": "*" }第二步:删除原来安装的包和生成的package-lock.json文件第三步:重新执行安装命令原创 2021-01-18 18:21:07 · 3135 阅读 · 0 评论 -
vue 创建路由页面(菜单切换)
效果截图创建页面修改router.js文件添加路由原创 2021-01-18 17:56:05 · 349 阅读 · 0 评论 -
Vue中Element-ui安装、卸载、更新
首先:安装一、命令行中输入:$ npm install element-ui -S二、正常安装以后,会得到安装版本三、查看项目配置文件中,是否有版本号四、安装成功以后,在node_modules文件夹下,element-ui,所有的安装文件都可以在这里找到。五、在main.js中引入element组件import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use(Elem原创 2020-05-14 15:40:47 · 16007 阅读 · 2 评论 -
vue css代码优化,代码简化。stylus安装及用法
一、介绍一下@得使用通常在index.js中会有‘@/’文件路径这种用法,@表示src路径。可以在build/webpack.base.conf.js中进行查看二、道理等同于上面的@,可以进行自定义符号,以表示文件用路径,用来减少页面代码。比如:具体使用方法:备注:修改build文件以后,项目需要重启,否则会有报错。三、stylus 的用法1.安装:(1).npm ins...原创 2020-04-22 22:58:14 · 301 阅读 · 0 评论 -
vscode 设置代码高亮
初始情况:1、File-》Preferences-》settings(我本地环境已经英文转了中文,想要转换环境,可以看上一篇。)2、在search settings中输入workbench.colorCustomizations3、新增代码"editor.fontSize": 14, //窗口字号显示 "editor.minimap.enabled": false, ...原创 2020-04-01 23:27:43 · 23148 阅读 · 0 评论 -
vue 首次install \build 失败
由于json某文件的限制,可以先复制npm i --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver --sass-binary-site=https://npm.taobao.org/mirrors/node-sass然后再 npm install 即可我这边的报错显示为: We are slimmin...原创 2020-03-27 07:58:30 · 730 阅读 · 1 评论 -
vue-cli · Failed to download repo vuejs-templates/webpack: self signed certificate in certificate ch
VUE CLI.下载VUEJS模板/WebPACK失败:证书链中的自签名证书$ vue init webpack project报错vue-cli · Failed to download repo vuejs-templates/webpack: self signed certificate in certificate chain解决办法:C:\Users<UserName...原创 2020-03-27 07:53:49 · 1142 阅读 · 0 评论 -
初学vue:命令行报错-Expected indentation of 4 spaces but found 6
问题修复好了,现在没有截图,日后遇到再补。问题:最近学习vue,用vue-cli初始化项目,直接安装了所有的东西,如vue-router、ESLint、unit tests等等。问题来了,在vue页面写代码时,命令行报了很多错,几乎全是Expected indentation of 4 spaces but found 6类似这样的解决:项目初始时,默认安装ESLint(ESLint是一...原创 2020-03-20 15:24:35 · 474 阅读 · 0 评论