![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 60
风吹@头皮凉
just do it。
QQ: 1391020642
展开
-
vue项目突然不能运行
cnpmuninstallsass-loader-D//卸载。cnpminstallsass-loader@8.x-D//安装。nv12.14.0//安装指定版本降级。下载指定版本安装,升级。原创 2022-07-25 15:08:16 · 4678 阅读 · 1 评论 -
微信小程序插件开发
微信小程序插件开发说明微信原生技术开发插件开发和开发普通的小程序一样, 只不过某些接口或组件受到限制;插件需要在一个已上线的小程序(称为宿主)下进行申请;官方文档地址https://developers.weixin.qq.com/miniprogram/dev/framework/plugin/开发与使用参考这个地址新建插件项目https://developers.weixin.qq.com/miniprogram/dev/devtools/plugin.html项目建好后, 包原创 2022-05-30 11:23:53 · 2128 阅读 · 2 评论 -
es6模块import/export 使用总结
export/import使用总结export模块功能主要由两个命令构成:export和import。export命令用于规定模块的对外接口,import命令用于输入其他模块提供的功能。// profile.js 写法1export var firstName = 'Michael';export var lastName = 'Jackson';export var year = 1958;// profile.js 写法2var firstName = 'Michael';var转载 2022-05-25 11:45:35 · 527 阅读 · 0 评论 -
vue keep-alive 使用
前言keep-alive 是 Vue 的内置组件,当它包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。例如:在开发中经常有从列表跳到详情页,然后返回详情页的时候需要缓存列表页的状态(比如滚动位置信息),这个时候就需要保存状态,要缓存状态。在组件切换过程中将状态保留在内存中,防止重复渲染DOM,减少加载时间及性能消耗,提高用户体验性。使用方式为<keep-alive> <component /></keep-alive>这里的component会被..转载 2022-04-18 17:03:40 · 3081 阅读 · 1 评论 -
vue-router跳转与传参
1、vue-router不带参数<router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行, 建议用name 带参数// params传参数<router-link :to="{name:'home', params: {id:1}}"> // 路由配置 path: "/home/:id" 或者 path: "/home:id" //转载 2022-04-18 16:39:50 · 789 阅读 · 0 评论 -
Vue — 详解mixins混入使用
前言当我们的项目越来越大,我们会发现组件之间可能存在很多相似的功能,你在一遍又一遍的复制粘贴相同的代码段(data,method,watch、mounted等),如果我们在每个组件中去重复定义这些属性和方法会使得项目出现代码冗余并提高了维护难度,针对这种情况官方提供了Mixins特性一、什么是Mixins?mixins(混入),官方的描述是一种分发 Vue 组件中可复用功能的非常灵活的方式,mixins是一个js对象,它可以包含我们组件中script项中的任意功能选项,如data、compone转载 2022-01-17 10:04:01 · 324 阅读 · 0 评论 -
vue与小程序易混淆知识点
1. 动态绑定style与class(1)vue:动态class对象语法:<div class="static" v-bind:class="{ active: isActive, 'text-danger': hasError }" ></div>数组语法:①<div v-bind:class="[activeClass, errorClass]"></div> data: { activeCla...原创 2020-08-13 15:16:12 · 235 阅读 · 0 评论 -
vue项目目录中的static和src下的assets的区别
vue项目目录中的static和src下的assets的区别内容待编辑原创 2020-12-10 14:25:58 · 570 阅读 · 0 评论 -
本地运行VUE打包后的文件
VUE项目打包完成后 我们通常需要在本地进行测试 然后再放到服务器上第一步:打包项目npm run build第二步:根目录新建 app.js文件第三步:复制以下代码到app.jsvar express = require('express');var fs = require('fs');var http = require('http');var app = express();app.use(express.static('./dist'));app.use(function (r转载 2020-07-14 16:13:03 · 1563 阅读 · 2 评论 -
ckeditor备忘
第三方文章链接:https://segmentfault.com/a/1190000018011790官网:https://ckeditor.com/docs/ckeditor4/latest/原创 2019-11-25 14:40:48 · 210 阅读 · 0 评论 -
前端做消息通知
1、消息通知,原生一些用webScoket2、收费的,可以使用goeasy,http://www.goeasy.io/cn/doc/event/event.html查看文档,事件与监听器即可原创 2019-09-10 14:58:24 · 2854 阅读 · 0 评论 -
vue中使用ckeditor5.0
1、安装npm install --save @ckeditor/ckeditor5-build-decoupled-document2、使用// ck富文本编辑器import CKEditor from '@ckeditor/ckeditor5-vue';Vue.use(CKEditor);3、在需要使用富文本的地方1、头部引入import '@ckeditor/c...原创 2019-09-05 19:15:05 · 2165 阅读 · 0 评论 -
vue路由跳转时进入新的页面,但位置却不在顶部
(1)问题背景路由跳转时进入新的页面,但位置却不在顶部,而是在上个页面浏览的位置,在每次进入新页面时,想让它定位在页面的顶部。方式一main.jsrouter.beforeEach((to, from, next) => {// chromedocument.body.scrollTop = 0// firefoxdocument.documentEleme...原创 2019-08-02 11:49:55 · 2123 阅读 · 1 评论 -
关于vue子组件触发父组件的事件失效问题
父组件<child @event-name="eventName" @eventName="eventName">子组件调用父组件方法this.$emit("event-name"); 有效this.$emit("eventName"); 偶尔会失效一般写代码,方法名都用驼峰是eventName,但在子组件触发父组件方法时,会将方法名转为小写。看别人文档建议写成...原创 2019-08-02 11:38:35 · 2154 阅读 · 1 评论 -
vue UI组件推荐
移动端:① vant https://youzan.github.io/vant/#/zh-CN/nav-bar② we-vue https://wevue.org/doc/v2_0/index③mint ui http://mint-ui.github.io/#!/zh-cn④ mui http://dev.dcloud.net.cn/mui/④Mand Mobile是面向金...原创 2019-08-02 11:27:43 · 443 阅读 · 0 评论