
vue
Vincentzyc
这个作者很懒,什么都没留下…
展开
-
vuecli build 打包版本管理
package.json ... "version": "1.3.0", "lastVersion": "1.2.0", "lastTwoVersion": "1.1.0", ...vue.config.jsconst fs = require('fs')const rimraf = require('rimraf')module.exports = { publicPath: "./", outputDir: "dist", assetsDir: 'static原创 2021-01-21 19:44:09 · 597 阅读 · 1 评论 -
Vue3.0 + Typescript 项目 demo
基于 Vue3.0 + Typescript + Vant 的H5项目例子主要用到的技术如下: "vant": "^3.0.0-beta.2", "vue": "^3.0.0-0", "vue-router": "^4.0.0-0", "vuex": "^4.0.0-0", "typescript": "~3.9.3"项目地址:https://github.com/vincentzyc/vue3-demo预览地址:https://vincentzyc.gith原创 2020-10-19 09:57:52 · 2103 阅读 · 4 评论 -
基于vue的二进制格式多段时间选择器
基于vue的二进制格式多段时间选择器二进制格式的多段时间选择器,主要用于广告营销时段选择项目地址:https://github.com/vincentzyc/form-design如果觉得对你有用的话就给个 star 呗 ~~...原创 2019-12-28 14:10:59 · 563 阅读 · 3 评论 -
vuecli3关闭 Prefetch
// vue.config.jsmodule.exports = { chainWebpack: config => { // 移除 prefetch 插件 config.plugins.delete('prefetch') // 或者 // 修改它的选项: config.plugin('prefetch').tap(options =>...原创 2019-10-09 16:42:19 · 5362 阅读 · 0 评论 -
vuecli3+生产环境使用cdn
以使用v-charts为例在vue.config.js中添加 configureWebpack: { // 把webpack的配置写在这里 会自动合并 // 以下库使用cdn,不会被打包 externals: { "v-charts": "VeIndex", } },externals 配置中,左边 “v-charts” 表示 引入的模块名称,右边的 VeIndex...原创 2019-04-08 11:29:13 · 3597 阅读 · 0 评论 -
vue基于element-ui的Select选择器实现的动态多级联动下拉选择
demo地址代码如下:Html<div id="app"> <el-select v-for="(arrItem,key) in selectList" :key="key" v-model="selectArr[key]" filterable placeholder="请选择" value-key="value" @change="selected" @focu...原创 2019-04-10 15:15:55 · 20735 阅读 · 0 评论 -
使用vuecli3开发自己的npm包
1.创建项目vue create mynpm2.写组件3.在src目录下创建index.js,代码如下,根据实际情况修改import Vue from "vue"import mycomponent from './components/mycomponent .vue'let MyPlugin = { version: '1.0.0'};MyPlugin.install ...原创 2019-03-25 13:56:57 · 1462 阅读 · 1 评论 -
vue-lazyload 图片懒加载
#vue-lazyload源码地址安装npmnpm i vue-lazyload -S使用main.js:import Vue from 'vue'import App from './App.vue'import VueLazyload from 'vue-lazyload'Vue.use(VueLazyload,{ preload:1.3, //预加载的宽高 ...原创 2019-02-22 15:22:27 · 271 阅读 · 0 评论 -
基于vue的动态表单自助建站工具
基于vue的拖拽式动态表单自助建站工具根据自己需求自助搭建移动端营销、投放、信息采集、推广、宣传等页面使用vuecli3生成项目,主要用到的技术如下: "element-ui": "^2.4.5", "vuedraggable": "^2.23.0", "vue": "^2.6.10", "vue-router": "^3.0.3", "vuex": "^3.0.1"原创 2019-02-22 11:45:55 · 6957 阅读 · 3 评论 -
vue重置data
Object.assign(this.$data, this.$options.data())解析:1.Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。 Object.assign(target, …sources); 参数: target =&gt; 目标对象。 sources =&gt; 源对象。 返回值: 目标对象。2....原创 2018-10-25 17:55:18 · 7978 阅读 · 3 评论 -
Vue CLI 3 创建项目需要注意的一些问题
Node.js 8.9 或更高版本;npm 6.4.0或更高版本;cnpm install 目前更改代码后浏览器不会自动刷新(以后应该会解决)npm install 浏览器可以自动刷新默认会初始化git(vue create -n 创建项目可以跳过git初始化)...原创 2018-10-08 17:31:23 · 2064 阅读 · 0 评论 -
Vue 项目判断开发、测试、正式环境
Vue Cli构建的项目只有npm run dev和npm run build两条开发和编译的命令。而要添加测试环境,我们可以扩展一条npm run test的命令输出测试环境下执行的代码。 1.在build文件夹中创建test.js文件 test.js中的代码很简单,就两行。主要就是配置一个环境变量用以区别测试和正式环境。这里没有直接修改原有的process.env.NODE_ENV是担心会...原创 2018-08-20 16:02:13 · 22636 阅读 · 1 评论 -
vue基于原生select标签实现动态多级联动选择
本文讲的是vue基于原生select标签实现的动态多级联动选择基于element-ui的Select选择器实现的请看我的另外一篇文章vue基于element-ui的Select选择器实现的动态多级联动下拉选择本文demo地址:http://jsrun.net/yxXKp代码如下:Html<div id="app"> <select v-for="(arr...原创 2018-05-22 10:26:52 · 33243 阅读 · 8 评论