学习目标会创建Vue实例，知道Vue的常见属性会使用Vue的生命周期的钩子函数会使用vue常见指令会使用vue计算属性和watch监控会编写Vue组件掌握组件间通信了解vue-router使用了解webpack使用会使用vue-cli搭建项目0.前言前几天我们已经对后端的技术栈有了初步的了解、并且已经搭建了整个后端微服务的平台。接下来要做的事情就是功能开发了。但是没有前端页面，我们肯定无从下手，因
组件的插槽是为了让我们封装的组件更加具有扩展性.让使用者可以决定组件内部可以展示那些内容.1.普通插槽(匿名插槽) 在默认情况下,我们在使用组件时,若是在组件中嵌套入其他内容,则是无效的,并不会显示出来.若想使得我们在组件中嵌套入的内容能够正常生效显示,这就需要使用组件插槽功能 默认情况下: <组件名> ...嵌套的文字/元素/变量/表达式等 </组件名>
转载
2024-10-17 20:03:06
77阅读
需求：在 vue 和 element-ui 项目中，有点击按钮 预览，下载，打印 PDF 文件 需求，要求支持 PDF 的预览，上下页切换，首尾页切换，页码选择跳转，放大缩小，顺时针逆时针旋转，下载，打印等功能 。实现：方法一 可以考虑使用 vue-pdf 插件 去实现；方法二考虑使用 
vue 双向绑定初探起源用vue有一段时间了，在使用的过程中发现了两个有意思问题：1、对数组的限制，检测不到下面两个行为利用索引直接设置一个项修改数组的长度var vm = new Vue({
data: {
items: ['1', '2', '3']
}
})
vm.items[1] = 'a' // 不是响应性的
vm.items.length = 5 //
都知道vue中实现了数据和视图的双向绑定，但具体是如何实现的呢？今天就说说 我阅读的vue2中的代码实现的个人所得，如果说错了，欢迎指正。注：我阅读的vue2代码的版本是v2.2.6，且都是以单文件的方式展示列子, 可以结合下一篇续给出的实际例子结合起来看，更容易理解 话不多说，首先上结论，然后再通过图以及代码进行详细解释结论：m->v: 利用观察者模式，当数据改变的时候通知其观察
文章目录前言一、实现原理分析二、scss实现1.theme.scss2.handle.scssscss语法回顾1. @each遍历2. Maps值获取3. 混合指令@mixinscss实现换肤核心逻辑应用于UI库样式修改三、设置主题相关scss为全局变量 前言web实现主题换肤方案有很多种，例如css变量、动态加载样式文件、js变量。目前流行工程化开发自然少不了css预处理（less/scss）
vue中，测试环境，生产环境，是通过打包来识别和运行的。 识别关键字其实他内部封闭好了。 可以用：process.env.NODE_ENV 来识别。 比如：process.env.NODE_ENV === ‘production’ //说明是生产环境，还有develop\test等 具体做方是，在根目录建一个vue.config.js,然后里边写：第一步： const path = require
问题
在 vue2 中对表单控件有着良好的双向数据绑定机制，但是对于要特定实现某些功能的输入时，我们就不得不使用到 contenteditable="true" 的 div ，而在这个 div 上是使用 v-model 是没有效果的。那么问题就来了，输入是非常需要双向绑定的，这里的双向数据绑定该如何实现？
解决思路一：自定义指令
当然，说在这一段的前面，这种解决方式在 vue2 中是不行的，为什
转载
2021-06-29 16:53:56
620阅读
vue2实现瀑布流
原创
2024-04-11 11:47:00
159阅读
问题在 vue2 中对表单控件有着良好的双向数据绑定机制，但是对于要特定实现某些功能的输入时，我们就不得不使用
转载
2022-03-29 15:54:04
419阅读
实现功能：树结构、右键菜单、拖拽 效果图vue2 + js版/components/drag-tree/utils/utils.jslet _treeId = 0;
/**
* 初始化树
* @param {Array} tree 树的原始结构
* @param {Object} props 树的字段值
* @param {Boolean} defaultExpandAll 是否展开节点
跨域设置 http://www.ituring.com.cn/article/200275 打包 npm adduser 如果长时间不登录，可能会过期，使用 npm login 进行登录就可以 pu
原创
2021-07-23 11:32:15
391阅读
eslint用于代码检查，prettier用于代码格式化，具体操作如下1.安装以下eslint插件
安装以下eslint插件，并增加.eslintrc.js配置文件，.eslintignore配置忽略检查的文件（1）eslint
用于检查和标示出ECMAScript/JavaScript代码规范问题工具。
（2）@babel/eslint-parser
简而言之就是一个解析器，允许您使用ES
转载
2024-05-29 12:57:59
283阅读
main.js App.vue action.js getters.js index.js mutation.js types.js
转载
2017-06-24 05:50:00
220阅读
vue2
原创
2021-08-01 18:40:40
412阅读
最近项目开发中遇到需要用到ie浏览器的情况，因为是内网开发，大致记录下兼容过程。问题1：ie11浏览器页面无法加载首先遇到的问题是谷歌浏览器运行无问题，控制台也不报错，但是ie11浏览器就打不开，控制台报错----显示语法错误：，了解后发现ie浏览器不支持es6，可以通过core-js/stable及regenerator-runtime/runtime编译，vue cli官方推荐使用，main.
转载
2024-04-03 14:52:36
210阅读
以前都用的是 echarts 插件，这次的项目要用 vue-echarts 插件。vue-echarts 和 echarts 的区别：vue-echarts是封装后的vue插件， 基于 ECharts v4.0.1+ 开发，依赖 Vue.js v2.2.6+，功能一样的只是把它封装成vue插件 这样更方便以vue的方式去使用它。echar
转载
2024-02-29 13:19:30
324阅读
0 前言从Vue2升级到Vue3，可能最大的变化之一就是Composition Api了。 Composition Api是什么东西为啥要用它？怎么用它？有什么需要注意的吗？ 面对陌生的它，我们在这儿先简单认识一下它，而具体如何使用以及使用的注意点，将会在后续的文章更新中介绍，可以关注本文最后持续更新的扩展阅读部分。1 是什么Composition Api，也就是组合式Api。 我认为，它解决的主
转载
2023-11-06 12:52:14
247阅读
什么是JSX摘自 React 官方： 它被称为 JSX，是一个 JavaScript 的语法扩展。我们建议在 React 中配合使用 JSX，JSX 可以很好地描述 UI 应该呈现出它应有交互的本质形式。JSX 可能会使人联想到模板语言，但它具有 JavaScript 的全部功能。Vue 什么时候应当使用JSX这里说的是应当，而不是必须。因为在绝大多数情况下，模板语法都能胜任，只不过写起来看着不太
转载
2024-06-03 15:34:33
66阅读
目录一、项目基本配置二、Eslint语法规范型检查 一、项目基本配置修改项目信息 package.json 文件{
"name": "XXX",
......
"description": "XX系统",
"author": "tom<123456@qq.com>",
......
}修改端口号 config/index.js中修改port:
转载
2024-07-29 09:30:58
87阅读
