摘要:
Vue Axios封装和跨域问题 封装 Axios 封装 Axios 对象 因为在很多项目中很多组件都需要通过 Axios 发送异步请求,所以封装一个 Axios 对象,自己封装的 Axios 在后续可以使用 axios 中提供的拦截器。 安装 npm install axios 1、 首先在项目
阅读全文
posted @ 2020-08-08 12:26
叫我+V
阅读(3360)
推荐(2)
摘要:
脚手架工具创建vue项目 首先安装脚手架工具 官网 https://cli.vuejs.org/zh/ Vue Cli 安装 全局安装 npm install -g @vue/cli 安装成功后,在命令行使用 vue 命令查看版本 vue -V Vue CLI 创建项目 创建项目命令 vue cre
阅读全文
posted @ 2020-08-08 10:10
叫我+V
阅读(601)
推荐(0)
摘要:
百度离线地图使用 因为项目要求可能在内网访问,就不能使用在线地图,需要使用离线地图。 但是离线地图没接触过,不知道该怎么办,一点头绪都没有。 整了好久出现了效果,下载就记录一下,作为自己学习和对别人分享的经验。 整体流程分析 这里只说百度地图的,因为我只做出来了百度地图的,高德、谷歌、天地图我都不会
阅读全文
posted @ 2020-08-07 16:53
叫我+V
阅读(1026)
推荐(0)
摘要:
百度个性化瓦片地图下载 因为近期项目需求,客户项目在内网使用,不连接外网,因此地图不能使用在线地图,必须使用离线地图。 离线地图使用在之前的博客写过,就不在累述了。https://blog.csdn.net/weixin_42776111/article/details/107865459 离线地图
阅读全文
posted @ 2020-08-07 16:27
叫我+V
阅读(4453)
推荐(0)
摘要:
Vue 路由 Vue-Router 什么是路由 Vue Router 是 Vue 官方提供的路由管理器,他和 Vue 的核心深度集成,让构建单页面应用变得非常简单,通过根据不同的请求路径,切换显示不同组件进行渲染页面。 基本路由使用 安装路由 注意:使用路由首先要安装模块 npm install v
阅读全文
posted @ 2020-07-29 11:30
叫我+V
阅读(142)
推荐(0)
摘要:
echarts属性的设置(完整大全) 实例官网:https://echarts.apache.org/examples/zh/index.html 手册官网:https://echarts.apache.org/zh/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B
阅读全文
posted @ 2020-07-29 09:59
叫我+V
阅读(4394)
推荐(1)
摘要:
Vue props向子组件中传递数据 声明组件对象中定义 props 1、在声明组件对象中使用 props 选项指定 const MyComponent = { template:'<div></div>', props: 此处值有以下3中方式, components:{ } } 方式一:指定传递属
阅读全文
posted @ 2020-07-29 09:07
叫我+V
阅读(851)
推荐(0)
摘要:
Vue 组件间的通信 组件间通信方式 props :父组件向子组件传递数据。 $emit :自定义事件。 slot :插槽分发内容,带上标签数据一起传输,主要是父组件想子组件传输。 组件间通信规则 不要在子组件中直接修改父组件传递的数据。 数据初始化的时候,应当看初始化的数据是否用于多个组件中,如果
阅读全文
posted @ 2020-07-29 09:06
叫我+V
阅读(122)
推荐(0)
摘要:
vue slot插槽 作用:主要是用于父组件向子组件传递 标签+数据 (而 props 和自定事件只是传递数据)。 场景:一般是某个位置需要经常动态谢欢显示效果(比如说:饿了么)。 子组件定义插槽 在子组件中定义插槽,当父组件向指定插槽传递标签数据后,插槽处就对渲染了,否则的话,插槽处就不会被渲染。
阅读全文
posted @ 2020-07-28 17:43
叫我+V
阅读(143)
推荐(0)
摘要:
Vue 组件化注意事项 组件可以理解为特殊的 Vue 实例,管理自己的 template 模板。 组建的 template 必须有且只有一个根节点。 组件的 data 选项必须是一个函数,且函数体返回一个对象。 组件与组件之间是相互独立的,可以配置自己的一些选项资源 data 、 methods 、
阅读全文
posted @ 2020-07-28 16:44
叫我+V
阅读(294)
推荐(0)
摘要:
VUE多个组件示例 示例一 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t
阅读全文
posted @ 2020-07-28 16:40
叫我+V
阅读(1349)
推荐(0)
摘要:
Vue组件化开发 组件的概念 组件(component)是 Vue 最强大的功能之一,非常重要。 Vue中的组件化开发就是把网页的重复代码抽离出来,分装成一个个可以复用的视图组件,然后将这些视图组件拼接到一块就构成了一个完整的系统。这个方式非常灵活,可以极大的提高我们的开发和维护效果。 组件系统是一
阅读全文
posted @ 2020-07-28 16:07
叫我+V
阅读(389)
推荐(0)
摘要:
Vue 获取当前时间并格式化 现在的代码,一家原创,万家抄袭,嗯,我也是... 直接就是大代码一顿狂粘!!啪啪啪!用去吧! /** * 获取当前时间 * 格式YYYY-MM-DD */ Vue.prototype.getNowFormatDate = function() { var date =
阅读全文
posted @ 2020-07-28 14:18
叫我+V
阅读(5972)
推荐(0)
摘要:
VUE 过滤器以及插件 过滤器 什么是过滤器 过滤器对将要显示的文本,先进行特定格式化处理,然后在进行显示。 注意:过滤器并没有改变原本的数据,只是产生新的对应的数据。 使用方式 定义过滤器 全局过滤器 Vue.filter( 过滤器名称 , function(value) ){ // 数据处理逻辑
阅读全文
posted @ 2020-07-27 18:01
叫我+V
阅读(329)
推荐(0)
摘要:
Vue 表单数据双向绑定 v-mode 每一个Vue项目,每一个系统,肯定涉及到表单的双向数据绑定问题,这一部分是 vue 的重中之重,不是因为知识点复杂,而是因为只要参与 vue 项目的开发,那么就必不可少。 单向绑定 数据变,视图变;视图变(浏览器控制台上更新html),数据不变;这样的都是单向
阅读全文
posted @ 2020-07-27 17:06
叫我+V
阅读(1208)
推荐(0)
摘要:
VUE 事件修饰符以及按键码 之前写了一篇关于事件处理的文章,这篇的时间修饰符主要就是来修饰之前事件处理的事件名的,目的是为了扩展事件的功能。 事件修饰符 .stop:阻止单击事件继续传播,event.stopPropagation() .prevent:阻止事件默认行为 event.prevent
阅读全文
posted @ 2020-07-27 16:27
叫我+V
阅读(637)
推荐(0)
摘要:
VUE事件处理 v-on 事件处理方法 完整格式: v-on:事件名="函数名" 或者 v-on:事件名="函数名(参数...)" 缩写格式: @事件 = "函数名" 或者 @事件名 = "函数名(参数...)" 注意:@ 后面没有冒号。 event :函数中的默认形参,代表原生的DOM事件,当调用
阅读全文
posted @ 2020-07-27 13:39
叫我+V
阅读(227)
推荐(0)
摘要:
VUE 条件渲染 v-if、v-show 条件指令 v-if 是否渲染当前元素 v-else v-else-if v-show:与 v-if 类似,只是元素始终被渲染并保留在DOM中,只是简单的切换CSS属性display来显示或者隐藏。 <!DOCTYPE html> <html lang="en
阅读全文
posted @ 2020-07-27 11:47
叫我+V
阅读(381)
推荐(0)
摘要:
VUE Class列表样式数绑定案例 Class 与 Style 绑定 v-bind 通过class列表和style指定样式是数据绑定的一个常见需求,他都是元素属性,都用 v-bind 处理,其中表达式结果的类型可以是:字符串、对象 或 数组。 语法格式 class 的表达式可以为: v-bind:
阅读全文
posted @ 2020-07-27 11:23
叫我+V
阅读(418)
推荐(0)
摘要:
计算属性 computed computed 选项定义计算属性。 计算属性类似于 methods 选项中的函数。 比较: 计算属性:会进行缓存,只在相关响应式依赖发生改变的时候才会重新求值。 函数:每次都会执行函数体进行计算。 需求:输入数学与英语的分数,采用 methods 与 computed
阅读全文
posted @ 2020-07-25 11:37
叫我+V
阅读(526)
推荐(0)
摘要:
vue.js入门开发 vue {{}} 双向数据绑定 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s
阅读全文
posted @ 2020-07-25 11:36
叫我+V
阅读(273)
推荐(0)
摘要:
vue.js渐进式框架和应用场景 教程 https://cn.vuejs.org/v2/guide/#Vue-js-%E6%98%AF%E4%BB%80%E4%B9%88 什么是渐进式 渐进式简单的讲就是:用什么技术就引用什么技术到项目中使用,而不是把所有的东西全部引入到项目里面。 使用的原因 易用
阅读全文
posted @ 2020-07-25 11:35
叫我+V
阅读(408)
推荐(0)
摘要:
NPM包管理工具 NPM全程是Node Package Manager,他是JavaScript的包管理工具,是Node.js平台默认的包管理工具,通过NPM可以安装、共享、分发代码、管理项目依赖关系。 可以从NPM服务器下载别人编写的第三方包到本地。 可以从NPM服务器下载并安装别人编写的命令行程
阅读全文
posted @ 2020-07-25 11:34
叫我+V
阅读(547)
推荐(0)
摘要:
Docker安装MySQL忽略大小写问题的问题 连接MySQL: 查看当前mysql的大小写敏感配置 show global variables like '%lower_case%'; Variable_name Value lower_case_file_system lower_case_ta
阅读全文
posted @ 2020-06-29 17:48
叫我+V
阅读(842)
推荐(0)
摘要:
docker容器中安装vim 在使用docker容器时。有时候里边没有安装vim。敲vim命令时提示说:vim: command not found,这个时候就须要安装vim,但是当你敲apt-get install vim命令时,提示: Reading package lists... Done
阅读全文
posted @ 2020-06-29 17:46
叫我+V
阅读(238)
推荐(0)
摘要:
ES6 Map 与 Set Map 对象 Map 对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。 Maps 和 Objects 的区别 一个 Object 的键只能是字符串或者 Symbols,但一个 Map 的键可以是任意值。 Map 中的键值是有序的(FIFO 原则),而添
阅读全文
posted @ 2020-06-23 09:36
叫我+V
阅读(187)
推荐(0)
摘要:
ES6新语法 为啥要整理一篇ES6新语法的博文,是因为我连ES5都没接触过,就学Vue框架,然后发现能做,但是基础不牢,所以说回头瞥一眼。 ES6怎么来的 ECMAScript 和 JavaScript ECMA 是标准,JS 是实现 ECMAScript 简称 ECMA 或 ES 历史版本 199
阅读全文
posted @ 2020-06-23 09:16
叫我+V
阅读(305)
推荐(0)
摘要:
qs.stringify 和 JSON.stringify 我小时候其实是一个不是很找人喜欢的人,逃学、打架,但我还记得我小学六年级毕业,我班主任给我写了一句话:天高任鸟飞,海阔凭鱼跃。 qs.stringify 和 JSON.stringify 的使用和区别 qs 可通过 npm 命令进行安装,是
阅读全文
posted @ 2020-06-18 15:31
叫我+V
阅读(520)
推荐(0)
摘要:
Vue项目导入导出csv文件 什么是csv文件 逗号分隔值(Comma-Separated Values,CSV,有时也称为字符分隔值,因为分隔字符也可以不是逗号),其文件以纯文本形式存储表格数据(数字和文本)。纯文本意味着该文件是一个字符序列,不含必须像二进制数字那样被解读的数据。CSV文件由任意
阅读全文
posted @ 2020-06-17 08:46
叫我+V
阅读(7008)
推荐(0)
摘要:
vue中的vuex使用 最近心事重重,好多事情堆到一起就有点闷,今天本来打算自己搓一篇vuex的博文,但是电脑坏了,内容丢了,很烦,就直接转载一个大神的吧。 那晚和朋友聊到了vue的vuex的问题,我很霸气的说了一句没用过,但是回过头来就去百度学习一下发现,我好想之前用过,只不多当时不知道那就是vu
阅读全文
posted @ 2020-06-13 21:47
叫我+V
阅读(244)
推荐(0)