随笔分类 - 大前端
摘要：注意：在 2.6.0 中，我们为具名插槽和作用域插槽引入了一个新的统一的语法 (即 v-slot 指令)。它取代了 slot 和 slot-scope 这两个目前已被废弃但未被移除且仍在文档中的 attribute 我们在这里只讨论v-slot 插槽内容 Vue实现了一套内容分发的 API， 将<s
阅读全文
摘要：一、position 的四个值：static、relative、absolute、fixed。 绝对定位：absolute 和 fixed 统称为绝对定位 相对定位：relative 默认值：static 二、relative定位与absolute定位的区别 1、relative：相对于原来位置移动
阅读全文
摘要："vue": "^2.5.2" "dependencies": { "axios": "0.24.0", "core-js": "^3.8.3", "echarts": "5.1.2", "element-ui": "^2.15.6", "js-cookie": "^3.0.1", "less":
阅读全文
摘要：ECharts 安装 yarn add echarts --save 使用 建议使用全局引入，按需引入太过于麻烦了 //全局引入 import * as echarts from 'echarts'; // 基于准备好的dom，初始化echarts实例 var myChart = echarts.i
阅读全文
摘要：mock 作用： 可以随机生成数据，没有侵入，所以可以让前端独立于后端开发 安装： yarn add mockjs 使用 // 使用 Mock var Mock = require('mockjs') var data = Mock.mock({ // 属性 list 的值是一个数组，其中含有 1
阅读全文
摘要：Axios 是什么? Axios 是一个基于 promise 网络请求库，作用于node.js 和浏览器中。 它是 isomorphic 的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生 node.js http 模块, 而在客户端 (浏览端) 则使用 XMLHttpRequ
阅读全文
摘要：flex布局 1、什么是flex布局 Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。 .box{ display: flex; }(使用flex布局) 2、基本概念 采用Flex布局的元素，称为Flex容器（fle
阅读全文
摘要：导入vuex yarn add vuex vuex生命周期图 关于vuex 每一个 Vuex 应用的核心就是 store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分的状态 (state)。 创建一个 store，提供一个初始 state 对象和一些 mutation： sta
阅读全文
摘要：这个报错是eslint依赖的问题（这个包经常出问题，赣） 解决方法 1.yarn remove eslint --save 2.在package.json文件夹中删除 "@vue/cli-plugin-eslint": "~5.0.0", 3.重新 yarn
阅读全文
摘要：源代码 App.Vue <template> <div> <test v-for="post in posts" v-bind:title="post.title"> </test> </div> </template> <script> //import HelloWorld from './co
阅读全文
摘要：在Vue项目中 index.html作为项目的入口，这是为什么呢？ 1、index.html中，只有一个div标签，标签中id为app 2、我们查看src文件夹下的main.js(这个是App.vue连接index.heml的关键) import Vue from 'vue' import App
阅读全文
摘要：参数传递 前端需要接受的参数（我们假设为id） 在路由中注册 页面传递参数 <template> <div> <h1>用户列表</h1> {{id}} </div> </template> <script> export default { props:['id'], name: "List" }
阅读全文
摘要：在routes中加个属性children，要嵌套的地址就写进children中 编写关于用户的视图 用户列表 <template> <h1>用户列表</h1> </template> <script> export default { name: "List" } </script> <style
阅读全文
摘要：新建一个webpacke项目 需要导入的组件 1.vue-router npm install vue-router@3or4 2.element-ui npm install element-ui -s 3.安装依赖 npm install 4.安装SASS加载器（SASS版本过高会下载失败） (
阅读全文
摘要：解决方法 我在网上看到好多解决方案，但都没有找到解决方法。我是第一次接触element-ui。怎么引用组件也不清楚，问题就出现在引入组件上 <el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" label-width
阅读全文
摘要：导入vue-router Vue Router v3对应Vue2.x， v4对应Vue3， yarn add vue-router@3.2.0 使用上面的npm代码，可以自动匹配适合当前vue的vue-router 在src下创建components目录 该目录下都写组件,新建一个VUE文件 <te
阅读全文
摘要：模块化 commons模块化 1，在一个模块中定义方法 2.使用module.exports={ 方法 }导出 3.在另外的模块中使用require获取 const m =require("./common.js"); ES6模块化 之前的写法 1.定义一个模块被引用（使用export导出） exp
阅读全文
摘要：warning in ./src/main.js 8:8-17 "export 'default' (imported as 'VueRouter') was not found in 'vue-router' 解决方法 Vue Router v3对应Vue2.x， v4对应Vue3， npm in
阅读全文
摘要：安装Node.js 确认Node.js安装完成 node -v 查看是否能够正确打印版本号即可 npm -v 查看是否能够正确打印版本号即可 安装淘宝镜像加速 npm install cnpm -g 一般用npm安装依赖模块，cnpm安装的模块会有问题，不建议首选 新建一个文件夹，用于存放vue -
阅读全文
