- 博客(13)
- 收藏
- 关注
RSS订阅原创 vue 全局自定义指令(loading)
vue 封装自定义指令 (loading)注册在 main.js 文件中 导入封装好的 loading 方法对象使用 Vue.directive('loading', loadingDirective) 注册全局指令封装 Loading 指令import vue from 'vue'import loading from './loading.vue'const loadingRelative = 'loading-relative'const loadingDirectiv
2022-03-12 22:11:07
2502
原创 vue 2 全局封装 loading 组件
注册组件main.js 引入 封装好的方法使用 Vue.use(loading) 注册组件书写封装方法import Vue from 'vue'import loading from './loading.vue' // loading 样式let $app = Vue.extend(loading) 在 vue 中注册loading组件let $loading = new $app().$mount(document.createElement('div'))创建 loadi
2022-03-12 14:51:53
2694
原创 使用require.context 方法配合 webpack 拿到所有文件
使用require.context实现前端工程自动化require.context是什么一个webpack的api,通过执行require.context函数获取一个特定的上下文,主要用来实现自动化导入模块,在前端工程中,如果遇到从一个文件夹引入很多模块的情况,可以使用这个api,它会遍历文件夹中的指定文件,然后自动导入,使得不需要每次显式的调用import导入模块require.context函数接受三个参数directory {String} -读取文件的路径useSubdirect
2021-09-12 23:38:23
1099
原创 vue 插槽的使用
父组件=> 向定义好的子组件中插入内容<template lang="pug"> .slot-box Slot // 插槽名， 要插入的内容 template(slot="aSlot") 加油，明天会更好</template><script> import Slot from "./slot-com/slot-com.vue" export default { components: {
2021-09-12 23:00:03
131
原创 vue 动态组件和 keep-alive
=> 通过 commponent 创建动态组件:is 属性判断加载的组件 ，通过 keep-alive 实现组件内的数据被缓存 <template> keep-alive component(:is="who") // 通过 @click="who='home'" 判断加载的组件 ul li(@click="who='home'") 首页 li(@click="who='list'") 列表页 li(@
2021-09-12 22:52:23
98
原创 vue 组建的封装与复用
封装一个简单的模糊搜索功能父组件=> 在父组件中进行引入 import Seatch from "../commponent/seatch.vue"=> 注册组件 components: { Seatch, Btn }=> 使用组件 <template lang="pug"> .box Seatch(:seatchData="seatchOn
2021-09-10 19:02:34
357
原创 通过定义常量方式使用 vueX 中的方法
=> 定义： 创建文件夹， 用来放 mutations 中使用的常量 export const HANDLKE_ABC = 'HANDLKE_ABC'=> vuex 管理 import * as types from "./modules-types" export default { namespaced: true, state: { name: '小熊佩奇' }, mutations: { [.
2021-09-05 13:16:45
433
原创 Vue mixins
mixins ( 混入 ) => 定义：创建要混入方法 node: export const myMixin = { data() { return { msg: 'hello didi' } } } => 使用： 引入， mixins 会默认挂
2021-09-05 13:09:08
149
原创 前端模糊搜索
getCart(){//验证准确搜索搜索商品分类//returnthis.cart.filter(item=>{//returnitem.content==this.val//})//模糊搜索搜索关键字if(!this.val)returnletreg=newRegExp(this.val)//声明正则变量retu...
2021-08-14 12:23:06
94
原创 node.js 设置图片上传
/**@Author:yourname*@Date:2021-08-0119:22:22*@LastEditTime:2021-08-0120:06:32*@LastEditors:PleasesetLastEditors*@Description:InUserSettingsEdit*@FilePath:\projectsf:\vue\lianxi\xiaomu\eshop-server\routes\upload.js*/...
2021-08-06 08:51:02
137
原创 axios 请求的封装
/**@Author:yourname*@Date:2021-08-0422:53:55*@LastEditTime:2021-08-0511:11:00*@LastEditors:PleasesetLastEditors*@Description:InUserSettingsEdit*@FilePath:\projectsf:\vue\lianxi\xiaomu\eshop-app\src\http\index.js*/...
2021-08-06 08:47:23
87
原创 vue element-ui 登录笔记
###登录=>使用Elementui做登录页面时->:model绑定表单父元素上面返回的是一个对象类型里面用来存储v-model绑定的数据v-model绑定在输入框上面->1,:model="loginFrom"loginFrom为对象数据格式存储v-model为绑定的用户名密码输入数据->通过data返回数据可以拿到loginFrom为一个对象数据格式存储存...
2021-07-17 11:27:06
346
1
原创 vue 环境安装与项目创建
vue 环境安装#VueCLI脚手架安装:旧版命令:npminstall-gvue-cli简写:npmi-gvue-cli新版命令:cnpminstall-g@vue/cli简写:cnpmi-g@vue/cli创建项目:在要创建项目的目录下启动cmd执行:vuecreatexxxcdxxxnpmrunse...
2021-07-10 13:59:34
98
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人