vue
执波仔丶
小牛成长之路
展开
-
vue 使用vuex实现消息通知提示
2.更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。这个回调函数就是我们实际进行状态更改的地方,并且它会接受 state 作为第一个参数,在通过mutation更新数据的时候, 有可能我们希望携带一些额外的参数,你可以向 store.commit 传入额外的参数。因为你可能这个铃铛数量的改变是多个页面影响的。4.接下来vuex的工作都准备好了,接下来在你需要操作的页面,我是在mian.js 调用action的方法。至此利用vuex进行实时刷新的消息通知数量的功能已完成。原创 2022-09-13 17:16:21 · 3350 阅读 · 0 评论 -
vue 2.6 新建全局提示框组件
1.新建提示框组件文件 bl-tips.vue。有问题或者开发需求 请联系 ai_002。2.新建导入js文件 tips.js。3.在全局mian.js 中引入。原创 2022-08-19 14:13:42 · 347 阅读 · 0 评论 -
vue 2.6 keep-alive 不生效问题记录点
include和exclude 是vue 2.1之后的版本才有的。router.js 中的name和vue组件的name需要保持一致。需要每层都要加上keep-alive。原创 2022-08-18 15:41:58 · 435 阅读 · 0 评论 -
Vue 页面高亮显示代码块
Vue 页面可以基于 vue-prism-editor 实现高亮显示代码块,支持 Vue 2.x 和 Vue 3.x。转载 2022-08-16 10:05:27 · 4325 阅读 · 1 评论 -
滚动条导致html2canvas截图不全的问题
滚动条导致html2canvas截图不全的问题原创 2022-07-06 18:22:46 · 3779 阅读 · 2 评论 -
vue 2.6.11 移动端项目 px转rem
px转rem postcss-pxtorem原创 2022-05-26 16:05:47 · 464 阅读 · 0 评论 -
fatal: unable to access ‘https://github.com/PanJiaChen/vue-element-admin.git/‘: OpenSSL SSL_read: Co
将git clone https://github.com/PanJiaChen/vue-element-admin.git中的https改为git即可。例:git clone git://github.com/PanJiaChen/vue-element-admin.git原创 2021-10-19 11:17:15 · 1462 阅读 · 0 评论 -
Vue面试题 70道题目及答案
Vue面试题 Vue.js介绍 Vue.js是一个轻巧、高性能、可组件化的MVVM库,同时拥有非常容易上手的API Vue.js是一个构建数据驱动的Web界面的库。 Vue.js是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项...原创 2019-10-12 14:33:07 · 32151 阅读 · 3 评论 -
npm安装教程 集成npm webpack vue-cli
一、使用之前,我们先来掌握3个东西是用来干什么的。npm: Nodejs下的包管理器。webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包。vue-cli: 用户生成Vue工程模板。(帮你快速开始一个vue的项目,也就是给你一套vue的结构,包含基础的依赖库,只需要 npm install就可以安装)开始:...原创 2019-05-11 09:56:34 · 453 阅读 · 0 评论 -
vue 导入element-ui css报错解决方法
组件使用参照官网http://element.eleme.io/#/zh-CN/component/quickstart在 main.js 中写入以下内容:123456import Vue from 'vue'import ElementUI from 'element-ui'import 'element-ui/lib/theme-default/index.css'import App fro...原创 2018-06-22 14:49:52 · 16050 阅读 · 0 评论 -
WEB前端 Vue 全家桶介绍
Vue有著名的全家桶系列,包含了vue-router(http://router.vuejs.org),vuex(http://vuex.vuejs.org), vue-resource(https://github.com/pagekit/vue-resource)。再加上构建工具vue-cli,sass样式,就是一个完整的vue项目的核心构成。概括起来就是:、1.项目构建工具、2.路由、3.状...原创 2018-06-06 11:40:53 · 2735 阅读 · 0 评论 -
WEB前端 vue学习二 组件之间的数据传递
Vue 的组件作用域都是孤立的,不允许在子组件的模板内直接引用父组件的数据。必须使用特定的方法才能实现组件之间的数据传递。首先用 vue-cli 创建一个项目,其中 App.vue 是父组件,components 文件夹下都是子组件。 一、父组件向子组件传递数据在 Vue 中,可以使用 props 向子组件传递数据。 子组件部分:这是 header.vue 的 HTML 部分,logo 是在 d...原创 2018-06-05 18:20:55 · 1117 阅读 · 0 评论 -
WEB前端 vue学习一使用 vue-cli 搭建项目
vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目,GitHub地址是:https://github.com/vuejs/vue-cli 一、 安装 node.js首先需要安装node环境,可以直接到中文官网http://nodejs.cn/下载安装包。只是这样安装的 node 是固定版本的,如果需要多版本的 node,可以使用 nvm 安装...原创 2018-06-05 18:19:56 · 239 阅读 · 0 评论 -
WEB前端 vue学习 vue-router讲解router.push
router.push(location)除了使用 <router-link> 创建 a 标签来定义导航链接,我们还可以借助 router 的实例方法,通过编写代码来实现。router.push(location)想要导航到不同的 URL,则使用 router.push 方法。这个方法会向 history 栈添加一个新的记录,所以,当用户点击浏览器后退按钮时,则回到之前的 URL。当你...原创 2018-06-11 16:06:37 · 383 阅读 · 0 评论