随笔分类 -  vue

5. vue.config.js中的一些配置，配置jQuery，关闭Source Maps，开启gzip 压缩，打包分析， 代理devServer
摘要：vue.config.js中的一些配置： const webpack = require("webpack"); const CompressionPlugin = require("compression-webpack-plugin"); // npm install --save-dev co 阅读全文
posted @ 2021-07-07 16:51 Ananiah 阅读(886) 评论(0) 推荐(0)
4. vuex的基本使用
摘要：1.使用vuex统一管理状态的好处 1. 能够在vuex中集中管理共享的数据，易于开发和后期维护 2. 能够高效地实现组件之间的数据共享，提高开发效率 3. 存储在vuex中的数据都是响应式的，能够实时保持数据与页面的同步 2. vuex的核心概念 1. State 提供唯一的公共数据源，所有的数据 阅读全文
posted @ 2021-07-07 16:30 Ananiah 阅读(107) 评论(0) 推荐(0)
3. vue中的class和style的动态绑定
摘要：1. 动态绑定class * 对象方式处理 1. 直接写在结构上 * 语法 -- :class = " { 样式类名，响应式数据 } " 当响应式数据为TRUE的时候，才会有这个样式 * 例子：` <div class="test" :class="{ active: isActive }" > A 阅读全文
posted @ 2021-07-05 00:48 Ananiah 阅读(908) 评论(0) 推荐(0)
2. vue中数据双向绑定原理
摘要：数据驱动视图 1. 命令式和声明式 * 命令式：命令机器去做，按照你的命令去执行；如：for循环 * 声明式：告诉机器你想要什么，让机器去完成；如：forEach 2. Observer函数和complie函数 * Observer函数 1. 劫持并监听所有属性 -- 在Observer函数中：完成 阅读全文
posted @ 2021-07-04 16:06 Ananiah 阅读(190) 评论(0) 推荐(0)
1. vue2.x 基础语法和常用指令、常用事件
摘要：vue2.x 基础语法和常用指令、常用事件 阅读全文
posted @ 2021-07-04 14:33 Ananiah 阅读(188) 评论(0) 推荐(0)
在vue.config.js中配置全局scss
摘要：安装插件 yarn sass sass-loader 在项目根目录创建vue.config.js module.exports = { css: { loaderOptions: { sass: { prependData: `@import "@/assets/css/normalize.scss 阅读全文
posted @ 2021-03-31 11:41 Ananiah 阅读(1576) 评论(0) 推荐(0)
第四篇. vue2.x 中使用vue-awesome-swiper获取当前点击内容的索引
摘要：vue-awesome-swiper 阅读全文
posted @ 2021-03-22 15:10 Ananiah 阅读(1752) 评论(0) 推荐(0)
第三篇. vue中使用vue-quill-editor富文本插件，图片上传，视频上传
摘要：vue中使用vue-quill-editor富文本插件，图片上传，视频上传 阅读全文
posted @ 2021-03-06 11:18 Ananiah 阅读(4350) 评论(5) 推荐(1)
第二篇. vue项目中使用mavon-editor插件，实现markdown文档编写
摘要：vue项目中使用mavon-editor插件，实现markdown文档编写 阅读全文
posted @ 2021-03-06 11:10 Ananiah 阅读(677) 评论(0) 推荐(0)
第一篇. vue 中 用showdown预览markdown文件，并用highlight.js 实现代码高亮
摘要：在vue项目中，通过showdown 实现markdown文件的预览，highlight.js实现代码块的高亮 阅读全文
posted @ 2021-02-23 17:13 Ananiah 阅读(2144) 评论(0) 推荐(0)
v-charts 绘制柱状图、条形图、水球图、雷达图、折线图+柱状图，附官网地址
摘要：v-charts 官网地址：https://v-charts.js.org/#/ 柱状图： <template> <ve-histogram :data="chartData" :extend = "chartExtend" ></ve-histogram> </template> <script> 阅读全文
posted @ 2020-09-19 16:00 Ananiah 阅读(8079) 评论(0) 推荐(0)
vue-cli3 assets目录下的SASS文件中添加背景图片报错Module not found: Error: Can't resolve './@/assets/images/login.png'解决办法
摘要：vue-cli3 assets目录下的SASS文件中添加背景图片报错Module not found: Error: Can't resolve './@/assets/images/login.png'解决办法 background-image: url('~@/assets/images/log 阅读全文
posted @ 2020-09-19 15:40 Ananiah 阅读(3191) 评论(0) 推荐(0)
Vue之计算属性Computed和属性监听Watch，Computed和Watch的区别
摘要：Vue之计算属性Computed和属性监听Watch，Computed和Watch的区别 阅读全文
posted @ 2020-02-07 15:33 Ananiah 阅读(3279) 评论(0) 推荐(1)
vue-better-scroll实现移动端下拉加载组件
摘要：vue组件，下拉加载，移动端，vue-better-scroll实现移动端下拉加载组件 阅读全文
posted @ 2019-09-17 14:41 Ananiah 阅读(950) 评论(2) 推荐(0)
vue - Error: Can't resolve '@/assets/img/github.svg （vue-cli3.0,无法解析.svg图片，已解决）
摘要：vue - Error: Can't resolve '@/assets/img/github.svg （vue-cli3.0,无法解析.svg图片，已解决） 阅读全文
posted @ 2019-08-17 16:03 Ananiah 阅读(4302) 评论(0) 推荐(0)
vue引入ElementUI库
摘要：引入ElementUI命令： 阅读全文
posted @ 2019-07-03 23:10 Ananiah 阅读(968) 评论(0) 推荐(0)
vue-cli搭建vue项目
摘要：vue-cli搭建项目 阅读全文
posted @ 2019-06-16 21:18 Ananiah 阅读(431) 评论(0) 推荐(0)