2020年3月15日

svg-icon的使用

摘要: 1.webpack.base.conf中配置svg的依赖和loader { test: /\.svg$/, loader: 'svg-sprite-loader', include: [resolve('src/icon')], options: { symbolId: 'icon-[name]' 阅读全文

posted @ 2020-03-15 15:00 atomgame的记事本 阅读(863) 评论(0) 推荐(0) 编辑

使用vue router 的过程中抱Error in render: "TypeError: Cannot read property 'matched' of undefined"的错误

摘要: 最近遇到这样一个问题,百思不得其解: 原因肯定是出在router上,但是具体哪里不清楚,于是百度一番,终于发现解决方法: 其实这是因为创建的router实例是有命名规范的 import Vue from 'vue' import App from './App.vue' import rou fro 阅读全文

posted @ 2020-03-15 14:28 atomgame的记事本 阅读(551) 评论(0) 推荐(0) 编辑

VUE 提示 Failed to resolve Loader: sass-loader

摘要: 说明项目中没有 sass-loader依赖,由于sass-loader需要node-sass组件,所以我们需要安装的是两个组件: node-sass sass-loader 分别: npm i node-sass -D npm i sass-loader -D 注:这里吧这两个组件安装到开发依赖下, 阅读全文

posted @ 2020-03-15 13:28 atomgame的记事本 阅读(38165) 评论(0) 推荐(2) 编辑

vue 官方换肤实现

摘要: 演示地址: https://elementui.github.io/theme-chalk-preview/#/zh-CN 原理: element ui 2.0版本之后是基于scss实现的,所有到颜色都是通过变量进行定义,所以我们可以通过修改变量来达到动态换肤的目的. 代码: 1.换肤组件: The 阅读全文

posted @ 2020-03-15 11:26 atomgame的记事本 阅读(1574) 评论(0) 推荐(0) 编辑

Vue 之 Mixins (混入)

摘要: Mixins Mixins是一种分发Vue组件中可复用功能的非常灵活的一种方式。 什么时候使用Mixins 1. 页面的风格不用,但是执行的方法和需要的数据类似,我们是选择每个都写呢还是提取出公共部分呢? 基础实例 我们有一对不同的组件,它们的作用是切换一个状态布尔值,一个模态框和一个提示框。这些提 阅读全文

posted @ 2020-03-15 10:38 atomgame的记事本 阅读(208) 评论(0) 推荐(0) 编辑

normalize.css在vue中使用

摘要: css样式初始化 normalize在vue中使用 1、Normalize.css只是一个很小的css文件,但它在磨人的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的CSS reset,Normalize.css是一种现代的、为HTML5准备的优质替代方案。总之,Normalize.cs 阅读全文

posted @ 2020-03-15 10:20 atomgame的记事本 阅读(211) 评论(0) 推荐(0) 编辑

导航