书架

书架

=一个知识书库=

如何在添加全屏背景

如何在添加全屏背景

```scss html, body { margin:0; padding:0; } .container { height:100%;width:100%; /*width: 100%;*/ border: 1px solid green; position:fixed; background: url(image/login.jpg) no-repeat;text-align:center; } ``` 要铺满的div加class="container"
more...
如何在vue里引入Bootstrap

如何在vue里引入Bootstrap

# 一、引入jquery 步骤: 1. 安装jquery ```bash $ npm install jquery --save-dev ``` <!-- more --> 2.在webpack.config.js 添加内容 ```bash + const webpack = require("webpack"); module.exports = { entry: './index.js', output: { path: path.join(__dirname, './dist'), publicP
more...
Vue3源码分析之compositionApi

Vue3源码分析之compositionApi

![img](http://www.lixianglong.cn/bg_store/img/content/2367572466-8ab6b5039997eff4_fix732.png) 本篇文章将会围绕Vue3的另外一个主要的文件夹reactivity来进行讲解,也就是Vue3中对外暴露的compositionApi的部分,,越来越有React Hooks的味道了。reactivity文件夹下面包含多个文件,主要功能在于computed、effect、reactive、ref;其他的文件是为其进行服务的,另外还有一个主入口文件index。reactivity下面对外暴露的所有api可见
more...
vuex2中使用mapGetters/mapActions报错解决方法

vuex2中使用mapGetters/mapActions报错解决方法

在尝试vuex2时,发现vuex2增加了<font style="color:#FF0000">mapGetters</font>和<font style="color:#FF0000">mapActions</font>的方法,借助stage2的<font style="color:#FF0000">Object Rest Operator</font>特性,可以写出下面代码: ```bash methods: { marked, ...mapActions([ 'getArticles' ]) } ``` 但是在借助babel编译转换时发生了报错:<f
more...
webpack打包 vuex ...mapMutations ,...mapGetters报错解决

webpack打包 vuex ...mapMutations ,...mapGetters报错解决

在开发vue项目中使用vuex 的 …mapMutations等语法时webpack打包发生错误 Unexpected token,解决办法: 先安装: ```bash cnpm install –save-dev babel-plugin-transform-object-rest-spread ``` 安装成功后: 在项目根目录新建.babelrc,(如果存在,修改内容) 放入下面内容: ```yaml { “presets”: [ [“es2015”, { “modules”: false }] ], “plugins”: [“transform
more...