vue - 文章分类 - bester13

Vue2.0之去掉组件click事件的native修饰

摘要：这个是在组件开发中遇到的问题，当时我在编写button的组件，模板是这样的： <template> <button class="disable-hover button ion-button" :class="[modeClass,typeClass,shapeClass,sizeClass,co 阅读全文

posted @ 2019-04-25 11:41 bester13 阅读(647) 评论(0) 推荐(0)

Vue如何设置跨域

摘要：最近在学习Vue+element搭建一个后台管理项目。在实现跨域开发时踩过的那些坑。 1、开发环境下，如何做好跨域配置首先跨域我们要配置的文件有：config下的index.js dev: { proxyTable: { '/api': { target: 'http://10.1.5.11:80 阅读全文

posted @ 2019-02-20 11:22 bester13 阅读(6332) 评论(0) 推荐(0)

Vue项目结构介绍

摘要：我们（凡普信贷）的移动端页面正在使用 vue2.0 重构，在基于 vue-cli 脚手架生成项目模板基础上做了些改动，加入了 vue-router ，vuex 等配套设施，本地 dev server 中加入了接口 mock 功能，还增加一个 build server 来预览 build 结果页面，前阅读全文

posted @ 2019-02-19 15:33 bester13 阅读(367) 评论(0) 推荐(0)

用vue-cli来搭建vue项目和webpack

摘要：用vue-cli来搭建vue项目第一步：全局安装vue-cli 1 sudo npm install vue-cli -g 第二步：初始化一个项目 1 vue init webpack-simple projectName 第三步：把文件切换到初始化的项目中 1 cd projectName 第四阅读全文

posted @ 2019-02-13 17:10 bester13 阅读(696) 评论(0) 推荐(0)

vue之data属性

摘要：<!DOCTYPE html><html><head> <title>培训代码</title> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script src="js/vue.js" 阅读全文

posted @ 2018-11-02 11:29 bester13 阅读(24738) 评论(0) 推荐(0)

vue-awesome-swiper（2）

摘要：Vue如何使用vue-awesome-swiper实现轮播效果在Vue项目中如何实现轮播图的效果呢，在传统项目中第一个想到的一般都是swiper插件，代码简单好用。一开始我也是直接npm安装swiper然后照着之前的传统写法写，然而却没有效果，只会显示图片但没有轮播效果。上网查了很多资料也参考其他阅读全文

posted @ 2018-09-10 10:30 bester13 阅读(525) 评论(0) 推荐(0)

vue-awesome-swiper9（1）

摘要：一、先说一个看关于vue-awesome-swiper的一个坑一、先说一个看关于vue-awesome-swiper的一个坑 vue项目的package.json中显示的"vue-awesome-swiper": "^2.5.4"，用npm install自动安装依赖时装的版本为"version" 阅读全文

posted @ 2018-09-10 10:29 bester13 阅读(644) 评论(0) 推荐(0)

网站子目录部署VUE webpack 打包资源文件路径的正确引用方式

摘要：webpack 是目前使用最为火热的打包工具，各大知名的框架类库都用其打包，国内使用最近也火热起来。它在单页应用和类库打包上帮助许多人从代码管理中解脱了出来，成为了当下风靡一时的打包工具。但是坑也很多，比如说图片，字体等文件的路径。刚开始用webpack的同学很容易掉进图片打包这个坑里，比如打包阅读全文

posted @ 2018-08-23 16:47 bester13 阅读(4878) 评论(0) 推荐(0)

hash和history

摘要：众所周知，vue-router有两种模式，hash模式和history模式，这里来谈谈两者的区别。 hash模式 hash模式背后的原理是onhashchange事件,可以在window对象上监听这个事件: window.onhashchange = function(event){ console 阅读全文

posted @ 2018-08-22 11:02 bester13 阅读(113) 评论(0) 推荐(0)

hash 和 history

摘要：为什么要有 hash 和 history 对于 Vue 这类渐进式前端开发框架，为了构建 SPA（单页面应用），需要引入前端路由系统，这也就是 Vue-Router 存在的意义。前端路由的核心，就在于 —— 改变视图的同时不会向后端发出请求。为了达到这一目的，浏览器当前提供了以下两种支持： has 阅读全文

posted @ 2018-08-22 10:05 bester13 阅读(147) 评论(0) 推荐(0)

VUE图片懒加载-vue lazyload插件的简单使用

摘要：一. vue lazyload插件：插件地址：https://github.com/hilongjw/vue-lazyload demo：http://hilongjw.github.io/vue-lazyload/ 二. 简单使用实例：这个插件还是蛮好用的，就是感觉这个插件的开发文档有点太啰嗦阅读全文

posted @ 2018-08-09 08:57 bester13 阅读(255) 评论(0) 推荐(0)

webpack+vue打包之后输出配置文件修改接口文件

摘要：1.首先我们在static文件下建立一个js文件，就叫config.js吧，内容为 window.g = { window.g = { AXIOS_TIMEOUT: 10000, AXIOS_TIMEOUT: 10000, ApiUrl: 'http://localhost:21021/api/se 阅读全文

posted @ 2018-07-13 16:43 bester13 阅读(447) 评论(0) 推荐(0)

vue+vuecli+webapck2项目配置文件详解

摘要：文章目录 1.文件结构 2.package.json文件 3.build文件夹分析 build/dev-server.js build/webpack.base.conf.js build/webpack.dev.conf.js build/webpack.prod.conf.js build/ut 阅读全文

posted @ 2018-07-12 16:44 bester13 阅读(424) 评论(0) 推荐(0)

vue-cli打包构建时常见的报错解决方案

摘要：报错1：vue-cli项目本地npm run dev启动后，chrome打开是空白页 1 <strong> 解决方案</strong>：将config下的index.js中的assetsPublicPath路径都设置为‘/’绝对路径 1 <strong> 解决方案</strong>：将config下阅读全文

posted @ 2018-07-12 16:37 bester13 阅读(1858) 评论(0) 推荐(0)

vue-cli脚手架中webpack配置基础文件详解

摘要：一、前言原文：https://segmentfault.com/a/1190000014804826 vue-cli是构建vue单页应用的脚手架，输入一串指定的命令行从而自动生成vue.js+wepack的项目模板。这其中webpack发挥了很大的作用，它使得我们的代码模块化，引入一些插件帮我们完阅读全文

posted @ 2018-07-12 11:12 bester13 阅读(324) 评论(0) 推荐(0)

vue.js环境搭建

摘要：vue最开始说是库，现在应该可以说是框架了，很多大公司都开始用vue了，这得源于vue的本质 1：数据化驱动，2：组件化模板。项目中用vue都得搭建环境，经过一段时间的摧残后终于有勇气来写篇关于vue环境搭建的博文了，我相信网上已经有很多前辈的博文能够帮助大家完成搭建，与我来说只是记录下自己搭建环境阅读全文

posted @ 2018-07-11 17:44 bester13 阅读(139) 评论(0) 推荐(0)

Vue应用部署到服务器的正确方式

摘要：如何打包基于Vue-Cli,通过npm run build来进行打包的操作基于Vue-Cli,通过npm run build来进行打包的操作如何部署将打包出来的资源，基于Vue-Cli的一般是dist目录下有static目录和index.html文件，可以直接将这两个文件扔到服务端但有时候阅读全文

posted @ 2018-07-11 17:41 bester13 阅读(871) 评论(0) 推荐(0)

Vue集成Iframe页面

摘要：1. 项目需求我们切换为vue框架是后面的事情，之前还有一些功能页面是用jsp页面写的，而我们的管理系统需要既支持Vue的url，又要支持这些发布之后的jsp页面还有一个就是切换tab回来的时候之前输入的东西还要存在系统页面截图 2. 实现思路针对这个问题，我们最开始的实现思路是写了一个if 阅读全文

posted @ 2018-07-11 09:23 bester13 阅读(54102) 评论(0) 推荐(2)

vue组件中使用iframe元素

摘要：需要在本页面中展示vue组件中的超链接，地址栏不改变的方法: <template> <div class="accept-container"> <div class="go-back" v-show="goBackState" @click="goBack">GoBack</div> <ul> < 阅读全文

posted @ 2018-07-11 09:20 bester13 阅读(31940) 评论(0) 推荐(2)

文章分类 - vue