vue
金lin
这个作者很懒,什么都没留下…
展开
-
vue创建项目
vue cli 安装npm install -g @vue/clivue 项目创建vue create namevue2 创建命令vue init webpack projectName原创 2022-01-10 11:53:21 · 133 阅读 · 0 评论 -
花裤衩 / vue-element-admin 的项目打包后发现不能跳转页面问题解决
项目install后build打开html文件跳转页面没有反应原因:因为项目中import Cookies from ‘js-cookie’ 使用无法进行页面跳转需要放到web服务上才能运行。解决:把所有Cookies.set(‘sidebarStatus’, 1) ,set和get 都换成localstorage或sessionstorage 其他 Cookies.set('sidebarStatus', 1) localStorage.setItem('sidebarStat原创 2021-10-11 13:48:11 · 2047 阅读 · 0 评论 -
vue前端面试题
页面渲染同时处理多个请求 ,使用promise.all可以解决Vue.nextTick() 在修改数据之后立即使用这个方法,获取更新后的 DOM。Vue Router 的params和query 跳转传参 name 和path 引用区别, params可以获取路由中定义params参数 https://blog.csdn.net/qq_40410916/article/details/120549387?spm=1001.2014.3001.5501vue 路由和 Window.原创 2021-09-29 17:26:00 · 95 阅读 · 0 评论 -
Vue Router params和query 区别
首先要知道的是vue 中 this.router 和 this.route 的区别this.router 相当于一个全局的路有对象,路由操作对象,只写对象 (跳转时使用)this.route 表示当前路由对象,是路由信息对象,只读对象 (获取当前路由时使用)然后了解 params和query 使用传参区别params 传参需要使用name引用query 可以使用name和path引用router.push({ name: 'user', params: { userId: '12原创 2021-09-29 15:56:45 · 107 阅读 · 0 评论 -
安装vue 调试工具 devtools
首先进入官网然后选择tag一个稳定版本下载包zip在解压后命令执行执行yarn install打包yarn run build在浏览器选择添加扩展原创 2021-08-17 14:34:57 · 147 阅读 · 0 评论 -
vue封装(简单)自定义组件使用
1、使用 webpack-simple 模板,没有vue-router的中间件,不需要路由时推荐使用,同时 webpack-simple 没有格式的检测,新建项目vue init webpack-simple然后再 npm install 初始化在新建的项目的src目录下新建一个目录(components)目录下存放自定义组件组件封装好后在组件目录(components)下新建一个index.js文件,为组件库的入口文件src/components/index.js// 导入封装的组件原创 2021-06-01 10:26:58 · 394 阅读 · 0 评论 -
vue图片验证组件,直接安装使用
使用该组件,项目中最好使elemnt ui 或者 elemnt ui的 iconnpm安装npm i verify-m-sr -S导入组件使用返回验证结果<template> <div class="hello"> <verifyd @verify="fdd"></verifyd> {{ sd }} </div></template><script>import {verifyd}原创 2021-06-01 14:48:55 · 169 阅读 · 0 评论 -
创建使用vue2项目模板
拉取 2.x 模板 (旧版本)Vue CLI >= 3 和旧版使用了相同的 vue 命令,所以 Vue CLI 2 (vue-cli) 被覆盖了。如果你仍然需要使用旧版本的 vue init 功能,你可以全局安装一个桥接工具:npm install -g @vue/cli-initvue init 的运行效果将会跟 vue-cli@2.x 相同vue init webpack my-project...原创 2021-06-15 17:16:30 · 342 阅读 · 0 评论 -
vue打包后去除代码中的console.log输出
vue打包后去除代码中的console.log输出项目上线的时候都不需要看到一些debug输出的内容,所以要去除console.log在vue 2中webpack中在生产环境的插件中添加配置// 代码:plugins: [ // http://vuejs.github.io/vue-loader/en/workflow/production.html new webpack.DefinePlugin({ 'process.env': env原创 2021-07-30 13:25:10 · 881 阅读 · 0 评论 -
vue router路由导航守卫设置指定页面验证登录
vue router路由导航守卫可以做很多功能,下面介绍设置指定页面验证登录router的前置守卫router.beforeEach((to, from, next) => {//判断目标路由的meta元字符中是否匹配限制 if (to.matched.some(record => record.meta.requiresAuth)) { //判断是否已登录 if (sessionStorage.getItem("tokenname") == null) { //跳原创 2021-07-31 09:48:45 · 940 阅读 · 0 评论