精华内容
下载资源
问答
  • 主要介绍了Vue发布订阅模式实现过程图解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
  • vue 发布后页面缓存问题解决

    千次阅读 2020-12-30 14:19:30
    vue 发布后,经常会出现页面缓存问题,更新的页面不能及时显示。 在index.html 文件heade中,增加以下内容,不使用页面缓存,解决此问题 <meta http-equiv="pragram" content="no-cache"> <meta ...

    vue 发布后,经常会出现页面缓存问题,更新的页面不能及时显示。

    在index.html 文件heade中,增加以下内容,不使用页面缓存,解决此问题

    <meta http-equiv="pragram" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate">
    <meta name="viewport" content="width=device-width,initial-scale=1.0"> 
    
    展开全文
  • Vue发布订阅

    千次阅读 2018-07-13 11:39:51
    vue项目中不同组件间通信一般使用vuex,通常情况下vuex和EventBus不应该混用,不过某些场景下不同组件间只有消息的交互,这时使用EventBus消息通知的方式就更合适一些。使用了一下new Vue()方式,但是想着自己实现一...

    vue项目中不同组件间通信一般使用vuex,通常情况下vuex和EventBus不应该混用,不过某些场景下不同组件间只有消息的交互,这时使用EventBus消息通知的方式就更合适一些。使用了一下new Vue()方式,但是想着自己实现一个,最初思路:

    class EventBus {
      constructor () {
        /** event = {
              event1: [params]
            }
         **/
        this.events = {}
      }
      $emit (event, ...args) {
        this.events[event] = args
      }
      $on (event, fn) {
        fn(...(this.events[event]))
      }
      $off (event) {
        delete this.events[event]
      }
    }
    var bus = new EventBus()
    bus.$emit('bus1', 1, 2, 3)
    bus.$on('bus1', function (...args) {
      console.log('bus1----', ...args)
    })
    

    想当然的代码自然会出现想当然的结果:

    1、$emit必须在$on之前

    2、多次$emit只会监听的到一次

    so继续改进:

    class EventBus {
      constructor () {
        /** event = {
              event1: [fn, fn]
            }
         **/
        this.events = {}
      }
      $emit (event, ...args) {
        if (!this.events[event] || !this.events[event].length) return
        let fns = this.events[event]
        fns.forEach(fn => {
          fn.call(this, ...args)
        })
      }
      $on (event, fn) {
        if (!this.events[event]) this.events[event] = []
        this.events[event].push(fn)
      }
      $off (event) {
        delete this.events[event]
      }
    }
    var bus = new EventBus()
    bus.$on('bus1', function (...args) {
      console.log('bus1----', ...args)
    })
    bus.$on('bus1', function (...args) {
      console.log('bus1----', ...args)
    })
    bus.$emit('bus1', 1,2,3)
    bus.$emit('bus1', 4,5,6)
    

    在$on里将回调函数push到数组中,然后在$emit里遍历这些fn并将$emit的参数绑定到每个fn

    展开全文
  • vue发布帖子功能

    千次阅读 2019-03-18 14:44:58
    基于vue.js的发布帖子功能,做出的一些总结: 发布帖子有1.帖子分类 2.帖子文字描述 3.上传帖子图片 效果图如下: 上代码

    基于vue.js的发布帖子功能,做出的一些总结:
    发布帖子有1.帖子分类 2.帖子文字描述 3.上传帖子图片

    效果图如下:
    在这里插入图片描述
    准备好,上车啦!!!!!! 在这里插入图片描述
    在这里插入图片描述
    这是template部分
    在这里插入图片描述
    这里是script的代码在这里插入图片描述

    在这里插入图片描述
    在这里插入图片描述
    这是style部分
    在这里插入图片描述

    在这个例子中,我将图片转成了base64格式,其实也可以不转的。postService是自己封装好的调用后端接口的一个值。

    以上是我自己在做项目遇到的问题
    在这里插入图片描述

    展开全文
  • 在使用vue-cli2或者vue-cli3打包vue项目发布到Nginx实现访问的代理的时候,会出现一些问题,需要在vue打包的时修改一下配置即可 一、vue打包配置并通过nginx访问子目录 在vue-cli打包发布到nginx的时候,如果没有...

    在使用vue-cli2或者vue-cli3打包vue项目发布到Nginx实现访问的代理的时候,会出现一些问题,需要在vue打包的时修改一下配置即可

    一、vue打包配置并通过nginx访问子目录
    在vue-cli打包发布到nginx的时候,如果没有配置打包的路径,那么就不能发布在nginx的子目录下,只能发布到根路径,就是说:
    http://localhost/demo/index.html ---- 这样是不能直接访问
    http://localhost/index.html — 只能这样访问
    就是说只能在nginx/html/ 下放置vue打包之后的 static/ 和index.html,不能在nginx/html/ 下放置/demo 这样的目录。

    解决方案:
    1. vue-cli2的项目中:
    config/index.js中,找到build模块,修改配置:

    // config/index.js
    
    build: {
    	index: path.resolve(__dirname, '../dist/index.html'),
        assetsRoot: path.resolve(__dirname, '../dist'),
        assetsSubDirectory: 'static',
        // 修改这个配置为 ./
        assetsPublicPath: './',
        
        ...
    }
    	
    

    说明:
    - assetsPublicPath: '/' 这样配置表示只能在根路径访问http://localhost/index.html
    - assetsPublicPath: '/app/'这样配置表示访问路径只能为http://localhost/app/index.html
    - assetsPublicPath: './' 这样配置表示在部署到任何路径下均可以访问

    2. vue-cli3 项目中
    vue-cli3的配置和vue-cli2的配置有点不同,因为项目的结构不一样

    (1)在根路径下手动创建vue.config.js文件(就是和src同级)
    (2)在vue.conf.js中加上以下配置:

    const webpack = require('webpack')
    
    module.exports = {
      publicPath: './', // 这样表示相对路径, 可以部署在任意路径下,如果为 / 则只能在nginx的html的根路径下面,如果指定为/app/ ,则可以部署在/app下面,默认为/
      outputDir: 'dist', // 构建输出目录
      assetsDir: 'assets', // 静态资源目录 (js, css, img, fonts)
    }
    
    

    这样配置即可部署在子目录和根路径都兼容

    展开全文
  • vue发布项目优化

    千次阅读 2020-05-25 15:57:44
    发布环境去掉开发环境中的console.*的代码 1、安装 babel-plugin-transform-remove-console插件(babel-plugin-transform-remove-console) npm install babel-plugin-transform-remove-console --save-dev 2、...
  • 修改index.js下的assetsPublicPath 路径为...const router = new VueRouter({ mode: ‘history’, /hash模式改为history/这个地方要注释掉,不然打包后不能打开首页 routes // (缩写)相当于 routes: routes }) ...
  • Vue发布Tomcat页面空白不显示内容

    千次阅读 2019-06-11 13:38:44
    //如打包文件存放在Tomcat/webapps/vue_test下,那么久这么写 base : '/vue_test/' , mode : 'history' , routes : [ ... ] } ) 然后输入url: http://localhost:8080/vue_test/
  • vue 发布后找不到图片等静态资源

    千次阅读 2018-01-31 15:58:12
    在config/index.js中,将assetsPublicPath后面的“/”加个点就好了。 原因: build.assetsPublicPath是资源的根目录 ...在大多数情况下,这个是根目录(/)。如果你的后台框架对静态资源url前缀要求,你仅需要改变这...
  • vue在本地跨域通过配置proxy没有问题,但是发布到正式环境后仍然存在跨域问题,只有通过跨域 1、在vue.config.js文件中devServer下的proxy子节点添加正式环境跨域参数,这里在正式环境的跨域为api3s 2、配置正式...
  • vue组件发布npm

    万次阅读 热门讨论 2018-09-07 14:04:54
    最近对开发Vue组件库的流程很好奇,网上步骤一搜也是一堆,总是少点漏点的步骤,就会导致整段垮掉,下边自己弄完整理了一下。 跟着步骤走: 一,创建一个vue项目,为了简洁方便,推荐使用webpack-simple构建一个...
  • vue 打包发布

    万次阅读 2019-06-14 12:02:53
    1. 打包之前需要先修改config下的index.js文件中build,assetsPublicPath:'./' build: { //index.html路径 index: path.resolve(__dirname, '../dist/project/... 发布到tomcat中,直接把project复制过去,访问就好
  • Vue 打包发布流程

    万次阅读 2019-05-16 16:21:38
    Vue 打包发布流程 配置打包文件路径 在vue.config.js中设置 module.exports = { publicPath: process.env.NODE_ENV === 'production' ? '/ynnt/' : '/' } 这里的ynnt就是我们基地址的路径。 执行打包命令 ...
  • 登录index.vue
  • vue笔记发布 (2).txt

    2020-07-31 16:11:36
    vue笔记发布 (2)
  • VuePack 实验:请勿在生产中使用。 标准化.vue组件的工具,因此它们可以按.vue发布在NPM软件包中。 用法 npm install -g vuepack vuec -h
  • Vue 3.0 更新发布

    万次阅读 2018-11-22 08:46:29
    在11月14日-16日于多伦多举办的 VueConf TO 2018 大会上,尤雨溪发表了名为 “ Vue 3.0 Updates ” 的主题演讲,对 Vue 3.0 的更新计划、方向进行了详细阐述。目前该演讲的 PPT 也已上传至 Google 文档,感兴趣的...
  • vue 牛人发布的优秀资源 vue资源大全

    万次阅读 2018-10-18 14:35:33
    Awesome Vue.js  A curated list of awesome things related to Vue.js Resources Official Resources External Resources Job Portal Community Conferences Podcasts Youtube Channels ...
  • 本篇文章主要介绍了Vue2.0如何发布项目实战,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • vue+springboot打包发布

    千次阅读 2020-10-08 14:30:06
    前面介绍过感觉vue和springboot的几篇文章,当一个项目做完了后,就该打包发布了。本节就研究下打包发布vue element admin开发 vue+springboot分页交互 项目使用的技术: 开发工具: idea 前端: 使用vue ...
  • Vue 3 正式发布

    千次阅读 2020-09-22 13:12:41
    Vue.js 3.0 "One Piece" 已正式发布,此框架新的主要版本提供了更好的性能、更小的捆绑包体积、更好的 TypeScript 集成、用于处理大规模用例的新 API,并为框架未来的长期迭代奠定了坚实的基础。 3.0 版本的开发...
  • 本篇文章主要介绍了自定义vue组件发布到npm的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • Vue PC项目发布流程.docx
  • Vue消息订阅与发布

    千次阅读 2020-03-24 14:43:13
    Vue的原型上定义一个变量bus,在所有的组件里都可以这个变量,使用this.bus.$emit()发布消息,this.bus.$on订阅消息 <!-- 在Vue的原型上定义一个变量bus,所有Vue的实例或组件都将共享这个bus,可以用bus来发布...
  • 安装了vue-cli 搭建项目 vue init webpack hg-vcomponents cd hg-vcomponents cnpm install 目录结构 - vue-flag-list + build + dist // 存放发布到npm的代码 - src - components // 存放组件源代码 和 ...
  • vue2发布部署

    千次阅读 2017-05-09 14:21:29
    r outer开启(移除#号): mode: 'history', apache解决刷新页面访问404: ... ...添加.htaccess 文件在dist根目录,内容如下...比如要发布到:www.jqvue.com/test/vue base和assetsPublicPath的值:/test/vue/

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 65,167
精华内容 26,066
关键字:

vue发布

vue 订阅