![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 80
大大黄、
这个作者很懒,什么都没留下…
展开
-
手写日历【发布订阅】
发布者订阅者模式手写日历,方便后续自定义日历原创 2022-07-14 15:38:11 · 254 阅读 · 0 评论 -
结合公司项目对目前vue项目整体框架总结
1.框架周边生态使用框架限于vue2.x目前公司研发中台,交付中台均属于中大型项目,因此vuex 和 vue-router必须使用UI基于elementui ,使用体验设计部开发的md-ui 后续开发剔除掉elementui工具库使用lodash,包括青鸟组件库的 md-hooks的使用2.脚手架目前项目框架搭建由体验设计部提供通用框架,部门工具需求进行一定的自定义修改部门可以搭建 npm 私服,结合通用框架使用Node环境开发CLI工具,提供一套部门的通用框架可根据需求完善开发的原创 2021-06-16 16:27:40 · 588 阅读 · 0 评论 -
vue3 学习(一)
vue3学习(一)setupsetup函数是一个新的组件选项,座位再组件内使用Composition API 的入口点调节时机创建组件实例,然后初始化props 紧接着就调用setup函数。从生命周期钩子视角来看,他会再beforeCreate钩子之前被调用模板中使用如果setup返回一个对象,则对象的属性将会被合并到组件模板的渲染上下文<template> <div>{{ count }} {{ object.foo }}</div>转载 2021-05-18 16:21:53 · 258 阅读 · 0 评论 -
Vue2.x模块化开发知识点总结
模块化开发常见的 模块化的规范CommonJS AMD CMD 也有 ES6的 ModulesCommonJS需要底层支撑commonJS的导出:module.exports = { flag:true, test(a,b){ return a+b }, demo(a,b){ return a*b }}commonJS的导入:let {test,demo,flag} = require('modu原创 2020-11-21 17:59:19 · 1005 阅读 · 0 评论 -
vue2.x进阶知识点总结
组件化高级注:可以先看vue基础篇插槽1.slot组件模板定义的时候需要插槽的话 给一对 <slot> </slot> 标签即可, 在使用子组件的时候,组件内部填充的所有内容,元素就会被匹配到这个插槽上本身 <slot> </slot> 可以给一个默认值,该默认值 在使用这个组件 没有给插槽内容的时候会自动使用2.具名插槽 slot组件模板定义的时候插入 <slot> </slot> 插槽,此时原创 2020-11-21 17:57:01 · 399 阅读 · 0 评论 -
Vue2.x基础
`第一遍Vue:MVVMModel View ViewModelview(视图层)在我们前端开发中,通常就是DOM层,主要是给用户展示各种信息Model (数据层) 数据可能使我们固定死的数据,更多的是来自我们服务器,从网络上请求下来的数据,在我们计数器案例中,就是后面抽取出来的obj,当然,里面的数据可能没有那么简单、VueModel(视图模型层)视图模型层是View和Model沟通的桥梁,一方面它实现了DataBinding,也就是数据绑定,将Model的改变实时的反应原创 2020-11-21 17:55:31 · 265 阅读 · 0 评论 -
Vue 原理实现
实现vue中的数据驱动视图变化自己实现一套简易框架来完成和vue相似的功能jvue.js// new JVue ({data:{...}})class JVue { constructor(options) { this.$options = options; // 数据响应化 this.$data = options.data; this.observe(this.$data); // // 模拟watcher创建 // new Watcher(原创 2020-10-27 16:52:16 · 439 阅读 · 1 评论 -
vue项目的mode:history模式打包空白
Vue-router 中有hash模式和history模式,vue的路由默认是hash模式,一般开发的单页应用的URL都会带有#号的hash模式,因为整个应用本身而言就只有一个HTML,其他的都是通过router来渲染。简单介绍下两种模式:hash —— 即地址栏 URL 中的 # 符号(此 hash 不是密码学里的散列运算)。比如这个 URL:http://www.abc.com/#/hell...转载 2020-04-09 14:28:45 · 2797 阅读 · 0 评论 -
封装axios,带请求头和响应头
import axios from "axios";import qs from "qs"; //处理参数import router from '../router';import { Loading } from 'element-ui';import { Message } from 'element-ui';let loading = null;//开始加载动画functi...转载 2020-03-24 00:10:15 · 2092 阅读 · 0 评论 -
axios配置及使用(发起请求时带上token)
1.安装利用npm安装npm install axios --save2.引入即可使用import axios from 'axios'3.目录4.各个文件设置:(1)env.jsexport default { // 接口地址 baseURL: 'http://localhost:8090/scheduleweb/', isDev: true}(2)index....转载 2020-03-23 09:28:01 · 10908 阅读 · 0 评论 -
Vue3新特性
Vue3 新特性vue3新增了很多新的特性,目前可以使用 安装 vue-compisition-api 包进行尝鲜,vue3将会对vue2进行向下兼容,因此不必担心因为使用vue3 后 vue2的特性不能够使用安装包、使用包npm install @vue/composition-api --saveimport VueCompositionApi from '@vue/comp...原创 2020-03-22 14:10:48 · 5009 阅读 · 6 评论 -
在Vue中使用富文本编辑器Quill
【版本】vue-cli3webpack@4.33.0quill@2.0.0-dev.3【步骤】下载Quillnpm install quill --save封装一个富文本编辑器组件在组件中引入Quilleditor.vue<template> <div> <div class="editor"></div> <...转载 2020-03-16 12:55:48 · 1746 阅读 · 0 评论 -
vue.config.js 个人配置
vue-cli3将webpack的基础配置全部内嵌了,统一使用: vue.config.js当然,也可以单独创建,再引用module.exports = { publicPath:'./', // 公共,基本路径 // 输出文件目录,不同的环境打不同包名 outputDir: process.env.NODE_ENV === "development" ...原创 2020-03-14 09:47:33 · 245 阅读 · 0 评论 -
关于Vue中 v-on事件绑定命名大写问题
Vue中 v-on 和 v-bind 中不建议使用 camelCase 或 PascalCase 命名方式首先补充下基础知识:HTML是不区分大小写的。而JS区分。所以一般情况下,JS的大小写变量放到HTML中,会将大写改成小写,并在前面添加短杠。事件名首先不存在 任何自动转化大小写的能力,因此所触发的事件名称必须与监听的名称 完全匹配假如你想触发一个事件this.$emit('myCa...原创 2019-09-23 22:55:02 · 3361 阅读 · 0 评论