![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 51
Vue
码上暴富
我不懒,还添加了个人简介
展开
-
vue_cli中ref+e.target+e.currentTarget的区别
vue_cli中ref+e.target+e.currentTarget的区别ref + e.target + e.currentTarget的区别ref + e.target + e.currentTarget的区别ref始终指向绑定ref属性的元素和他的子元素。e.target指向绑定事件发生时的元素。e.currentTarget始终指向事件绑定的元素和他的子元素。一套代码看清区别<template> <div class="parent"> <d原创 2021-05-06 12:49:40 · 490 阅读 · 0 评论 -
vue_cli样式--使用scss
vue_cli中样式vue_cli中使用scssvue_cli中使用scss新建一个css文件夹,再新建variable.scss文件、minix.scss文件、reset.scss文件、base.scss文件在variable.scss文件中,定义scss变量// 这个文件管理定义的scss变量//字体定义规范$font_samll:12Px;$font_medium_s:13Px;$font_medium:15Px;$font_large:17Px;// 背景颜色规范(主要)$b原创 2021-05-05 00:56:08 · 680 阅读 · 0 评论 -
vue_cli的vue.config.js文件常用配置
vue_cli的vue.config.js文件vue.config.js文件常用配置vue.config.js文件常用配置module.exports = { // 手机端访问 // devServer: { // disableHostCheck: false,安装命令 // host: '0.0.0.0', // port: 8080, // https: false, // hotOnly: false, // proxy: null /原创 2021-05-05 00:43:54 · 307 阅读 · 0 评论 -
vue_cli自定义时间--moment插件和手写封装
vue_cli自定义时间自定义时间--moment插件自定义时间–moment插件安装命令npm install --save moment // 安装命令在main.js中import moment from 'moment'Vue.use(moment)Vue.prototype.moment = moment在组件中<template> <div class="parent"> <div>moument自定义时间:{{momen原创 2021-05-05 00:42:31 · 314 阅读 · 0 评论 -
vue_cli动画
vue_cli动画常见动画--从右向左显示常见动画–从右向左显示在路由index.js中{ path: '/parent', name: 'Parent', component: Parent, children: [ { path: '/parent/ChildrenA', name: 'ChildrenA', component: ChildrenA } ]},在父组件中<template> <原创 2021-05-05 00:37:40 · 210 阅读 · 0 评论 -
vue_cli知识点个人总结--链接
vue_cli封装axiosvue_cli插槽slotvue_cli缓存webStoragevue_cli过滤器vue_cli自定义指令vue_cli路由传参vue_cli组件通信原创 2021-05-05 00:27:35 · 233 阅读 · 4 评论 -
vue_cli封装axios--完整代码
封装axios封装axios封装axios新建一个api文件夹,再新建一个network.js、index.js文件在network.js中import axios from 'axios'import Vue from 'vue'// 进行一些全局配置axios.defaults.baseURL = 'http://127.0.0.1:3000/'// axios.defaults.baseURL = 'http://192.168.43.37:3000/'// axios.defaul原创 2021-05-05 00:19:32 · 636 阅读 · 3 评论 -
vue_cli插槽slot
slot插槽slot插槽slot插槽在Waike组件中<template> <div class="waike"> <div>头部--Waike</div> <slot name="content"></slot> <!-- 要发生变化的内容用slot插槽占位 --> <div>底部--Waike</div> </div></template&原创 2021-05-05 00:12:47 · 125 阅读 · 0 评论 -
vue_cli缓存webStorage
webStorage封装webStorage封装--全局webStorage封装–全局新建一个storage文件,再新建一个storage.js文件export const local = { set (key, value) { localStorage.setItem(key, JSON.stringify(value)) }, get (key) { return JSON.parse(localStorage.getItem(key)) }, remove原创 2021-05-05 00:09:01 · 239 阅读 · 0 评论 -
vue_cli过滤器个人总结--完整代码
过滤器过滤器--局部过滤器--全局// 在双花括号中{{ message | capitalize }}// 在 `v-bind` 中 <div v-bind:id="rawId | formatId"></div>过滤器–局部在filters:{ … }中书写<template> <div class="parent"> <!-- 要过滤的值 自定义的过滤名称 --> <p>价格:{{ 66原创 2021-05-05 00:02:35 · 112 阅读 · 0 评论 -
vue_cli自定义指令个人总结--完整代码
自定义指令自定义指令--局部自定义指令--全局自定义指令的钩子函数:bind:只调用一次,指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。inserted:被绑定元素插入父节点时调用 (仅保证父节点存在,但不一定已被插入文档中)。update:所在组件的 VNode 更新时调用,但是可能发生在其子 VNode 更新之前。指令的值可能发生了改变,也可能没有。但是你可以通过比较更新前后的值来忽略不必要的模板更新 (详细的钩子函数参数见下)。componentUpdated:指令所在组件原创 2021-05-04 23:56:32 · 166 阅读 · 0 评论 -
vue_cli路由传参个人总结--完整代码
vue_cli路由传参带参数的跳转--使用path匹配路由再通过params接收参数带参数的跳转--使用path匹配路由再通过query传递参数不带参数的跳转--通过params传递带参数的跳转–使用path匹配路由再通过params接收参数带参数的跳转–通过path传递需要在path中添加/:xxx来对应 $router.push 中path携带的参数在路由index.js文件中配置要跳转的路由{ path: '/parent', name: 'Parent', componen原创 2021-05-04 23:42:42 · 285 阅读 · 0 评论 -
vue_cli组件通信个人总结--完整代码
vue_cli组件通信个人总结父传子子传父兄弟传vuex父传子在父组件中,通过给子组件加上自定义属性将数据传递给子组件。在子组件中,通过props来接收子组件传递的数据。在父组件中:<template> <div class="parent"> <!-- 在父组件中,通过给子组件加上自定义属性将数据传递给子组件 --> <ChildrenA :myData="123"></ChildrenA> </div&g原创 2021-05-04 23:11:07 · 219 阅读 · 0 评论