- 博客(8)
- 收藏
- 关注
原创 vue项目设置环境变量
一.vue-cli3构建的项目(以测试环境为例) 环境变量官方入口1.在根目录创建.env.test文件, .env.[mode] # 只在指定的模式中被载入如图:内容如下:VUE_APP_xx 自定义的变量,NODE_ENV - 会是 “development”、“production” 或 “test”中的一个。具体的值取决于应用运行的模式NODE_ENV='producti...
2020-03-20 16:43:25 1038
原创 vue插件的编写
一. 使用Vue.mixin() 可以把你创建的自定义方法混入所有的 Vue 实例。例如下列代码:所有的 Vue 实例的 created 方法都被改成了我们自定义的方法 Vue.mixin({ created: function(){ console.log("success") }})创建一个 utils.js 文件,将其暴露出去 // 格式化时间 expo...
2020-03-18 11:56:46 169
原创 vuex的简单应用之登录
一、安装vuexnpm i vuex二、在main.js中引入import Vuex from 'vuex'import store from './store/user'Vue.use( Vuex );new Vue({ el: '#app', router, store,//全局引入 components: { App }, template: '<A...
2019-04-12 22:09:05 339
原创 v-chart x轴和y轴文本配置
<template> <ve-histogram :data="chartData" width="400px" :extend="extend"></ve-histogram></template><script> export default { data () { this.extend = {...
2019-04-12 14:43:51 6745 1
原创 Vue项目使用vue-awesome-swiper做轮播图时,异步调用数据时导致图片不能滑动的解决方法
Vue项目使用vue-awesome-swiper做轮播图时,轮播图片一般通过ajax后端获取,循环展示时会出现循环轮播失效的问题。原因是因为swiper提前初始化了,那个时候还没有数据,当数据调出来时已经没用了。我们住需要在swiper组件上用v-if就可以解决。<template> <swiper :options="swiperOption" v-if="loop...
2019-04-12 14:37:53 1419
原创 vue项目优化之CDN引入
在Vue项目中,引入到工程中的所有js、css文件,编译时都会被打包进vendor.js,浏览器在加载该文件之后才能开始显示首屏。若是引入的库众多,那么vendor.js文件体积将会相当的大,影响首开的体验。解决方法是,将引用的外部js、css文件剥离开来,不编译到vendor.js中,而是用资源的形式引用。外部的库文件,可以使用CDN资源,或者别的服务器资源等。下面,以引入vue、vuex、vue-router以及element-ui
2019-04-12 11:50:14 5101
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人