vue
淡若清风_Simple
这个作者很懒,什么都没留下…
展开
-
解决vue-cli打包node内存溢出
解决方案// 第一步npm install -g increase-memory-limit// 第二步:increase-memory-limit值得注意的是,可能发现有时候无效,删除 node_modules再次重试,使用有管理员权限的PowerShell,换淘宝镜像源原创 2020-06-24 17:12:43 · 1744 阅读 · 0 评论 -
在elementui中的el-table组件实现行的拖拽效果
第一步: 第三方包下载# 二选一npm install vuedraggablenpm insall sortablejs注意点:vue中使用vuedraggable或者sortablejs实现,其实 vuedraggable依赖于 Sortable,当npm install vuedraggable时其实就有了 sortablejssortablejs相关配置,官方文档第二步: 使用// draggable 依赖于 Sortable,当npm install vuedraggable时其原创 2020-06-24 16:27:31 · 5257 阅读 · 5 评论 -
Vue混入
Vue混入—推荐文章原创 2020-04-24 07:40:33 · 175 阅读 · 0 评论 -
为什么vue组件中的data必须是函数
vue组件中的data必须是函数原创 2020-04-16 15:41:37 · 150 阅读 · 0 评论 -
vue3.0响应式数据是如何实现的?相比vue2.0中Object.defineProperty()有什么优势?
数据劫持什么是数据劫持数据劫持指的是在访问或者修改对象的某个属性时,通过一段代码拦截这个行为,进行额外的操作或者修改返回结果。常见的数据劫持的方法Object.defineProperty(obj,'要监听的属性名',{ set(newVal){ }, get(){ }})var obj = {};Object.defineProperty(obj, 'name', { ...原创 2020-04-15 22:20:13 · 347 阅读 · 0 评论 -
vue前端打印插件
vue前端打印插件原创 2020-04-06 10:05:34 · 7949 阅读 · 0 评论 -
vue虚拟化长列表插件推荐
vue-virtual-scroller原创 2020-04-03 11:54:32 · 2791 阅读 · 0 评论 -
以插件的形式实现自定义组件全局编程式调用,通过Vue.extend
Vue.extend是什么?是 Vue中的一个全局API有什么用?是预设了部分选项的Vue实例构造器,返回一个组件构造器主要用于需要 toast、loading、messageBox等弹窗组件的封装,可实现编程式方式调用组件怎么用?封装一个插件在main.js中引入将来直接通过 this.$xxx的方式调用注意: extend创建的是一个组件构造器(构造函数),而不...原创 2020-03-28 22:54:03 · 618 阅读 · 0 评论 -
在vue项目中使用Mockjs
作用: 生成随机数,拦截ajax请求生成随机数:npm install mockjs// 使用 Mockimport Mock from 'mockjs'var data = Mock.mock({ // 属性 list 的值是一个数组,其中含有 1 到 10 个元素 'list|1-10': [{ // 属性 id 是一个自增数,起始值为 1,每次增...原创 2020-03-27 17:54:56 · 310 阅读 · 0 评论 -
vue2.x双向数据绑定原理Object.definPropetery
<input type="text" v-modle="aaa"><div v-text>{{ aaa }}</div>1.0 概念: 当视图发生变化,数据改变(如输入框的输入数据,数据改变) 数据改变,视图发生变化(当数据发生变化,div中的aaa发生变化)2.0 实现原理是通过 Object.defineProperty(obj,'key',{...原创 2020-03-27 17:53:25 · 326 阅读 · 0 评论 -
vue-cli 4.x版本配置环境变量
你可以替换你的项目根目录中的下列文件来指定环境变量:.env # 在所有的环境中被载入.env.local # 在所有的环境中被载入,但会被 git 忽略.env.[mode] # 只在指定的模式中被载入.env.[mode].local # 只在指定的模式中被载入,但会被 git 忽略如 .env.developme...原创 2020-03-27 17:49:31 · 1591 阅读 · 0 评论 -
vue-cli 4.x 打包优化 ( 相关配置是放在vue.config.js )
参考文章一:来源掘金参考文章二:来源掘金原创 2020-03-27 17:47:21 · 7242 阅读 · 0 评论 -
vue-cli4.x版本打包项目遇到的问题:baseURL是未定义的属性
原因: 查看文档后发现baseURL在vue-cli3.3后面的版本中被弃用,在package.json中看了一下 vue-cli的版本为 4.x解决方案:使用 publicPath对象module.exports = {// process.env.NODE_ENV 全局都可以调用,如果为 npm run build 中输出结果为 production,如果是 npm run serve...原创 2020-03-27 17:43:11 · 2076 阅读 · 0 评论 -
页面刷新后,会对 vuex 进行重置,如何防止 数据丢失的问题
刷新页面时,vue实例重新加载,从而,store也被重置了。store是用来存储组件状态的,而不是用来做本地数据存储的。所以,对于不希望页面刷新之后被重置的数据,我使用了本地存储来进行存储解决方案: 监听 beforeunload 这个方法,beforeunload 在页面刷新时触发,监听 beforeunload 让页面在刷新前将数据存到 sessionStorage 中1 .在ma...原创 2020-03-18 17:29:04 · 1131 阅读 · 1 评论 -
v-model在自定义组件中的使用
v-model的作用:父组件通过 v-model 向子组件传递一个 value 属性,子组件内部 通过 $emit(‘input’,result)触发父组件中的自定义事件,在该自定义事件中修改 父组件传递给 子组件的 value属性值,说白了就是 实现了父子组件之间的通信...原创 2020-03-17 13:39:55 · 470 阅读 · 0 评论 -
transition之页面切换过渡动画
推荐文章 ---------transition之页面切换过渡动画实现步骤1.0 使用 <transition></transition>组件包裹路由动态组件<router-view></router-view>vue 中常见的内置组件: <transition> </transition...原创 2020-03-12 23:10:37 · 1585 阅读 · 0 评论 -
vue-router中的导航钩子
1.0 全局的 const router = new VueRouter({ ... }) // 注册全局前置守卫 router.beforeEach((to, from, next) => { // ... }) // 注册全局后置钩子,不会接受 next 函数也不会改变导航本身 router.afterEach((to, from) => { // ....原创 2020-03-12 17:30:05 · 346 阅读 · 1 评论 -
vue 页面缓存和不缓存方法之 keep-alive
利用 <keep-alive></keep-alive> 标签 包裹<router-view></router-view>页面缓存<keep-alive> <router-view></router-view></keep-alive>实现步骤一: 在 router.js 中来控制某个组...原创 2020-03-12 16:13:55 · 1658 阅读 · 0 评论 -
vue项目中的移动端调试神器 vconsole
安装npm install vconsole -D在mian.js中 使用import Vconsole from 'vconsole'let vConsole = new Vconsole()Vue.use(vConsole)原创 2020-03-12 10:07:52 · 219 阅读 · 0 评论 -
vue scoped 深度作用选择器
探究初衷: 最近vue项目中使用了 vant 第三方UI组件库,发现通过 审查元素获得第三方组件的类名,企图通过该类名去修改组件样式,但是不起效果,然后百度一番之后,得到的结果是 “因为scoped,巴拉巴拉xxxx, 然后使用深度选择器是最优的方式”,看了之后一脸懵逼,啥,what?????,所以决定好好探究一下下1.0 为什么在vue组件的样式中使用深度选择器?因为在当前组件中(.vue文件中...原创 2020-03-11 11:30:05 · 448 阅读 · 0 评论 -
vue 后台模板推荐
vue-element-admin 是一个后台前端解决方案,它基于 vue 和 element-ui实现。它使用了最新的前端技术栈,内置了 i18 国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型vue-element-admin...原创 2020-03-09 22:45:32 · 477 阅读 · 0 评论 -
vue-cli3实现移动端自适应
vue-cli3实现移动端自适应原创 2020-03-09 22:43:15 · 693 阅读 · 0 评论 -
vue.js 一个超简单的例子让你搞懂nextTick的使用场景(转载)
vue.js 一个超简单的例子让你搞懂nextTick的使用场景(转载)原创 2020-03-07 16:15:05 · 310 阅读 · 0 评论 -
关于 vue项目中的表单验证组件(VeeValidate 3.x版本的使用)
VeeValidate 官方文档VeeValidate 官方文档下载npm 方式npm install vee-validate --saveyarn 方式yarn add vee-validate使用使用步骤1.0 导入验证组件 ValidationProvider,以及 extend模块2.0 按需导入验证规则(验证组件所提供的,入email,required)...原创 2020-03-03 22:53:10 · 711 阅读 · 0 评论 -
vue中全局组件与局部组件的使用差别
原创 2020-03-03 22:04:52 · 889 阅读 · 0 评论 -
vue中比较好的文章推荐
1.0 Vue开发精要之底部导航栏2.0 对vue生命周期/钩子函数的理解原创 2020-01-17 17:29:17 · 243 阅读 · 0 评论 -
vue-cli搭建项目中 assets与static 文件 的区别
相同点:资源在html中使用,都是可以的。不同点:使用assets下面的资源,在js中使用的话,路径要经过webpack中file-loader编译,路径不能直接写。assets中的文件会经过webpack打包,重新编译,推荐该方式。而static中的文件,不会经过编译。项目在经过打包后,会生成dist文件夹,static中的文件只是复制一遍而已。简单来说,static中建议放一些外部第三方,...原创 2020-01-17 16:41:52 · 505 阅读 · 0 评论