Vue
大熊程序猿
不积跬步无以至千里不积小流无以成江海
展开
-
vue-官网解析
Vue.js 官网 https://cn.vuejs.org/,我个人觉得是做的比较好的一个网站,它把所有知识点都清晰整洁的进行了分类,并且提供源码示例,一看就懂。大家有空可以细细研究一下Vue.js 官网里提供的技术细节,真的很不错,我觉得阅读官网强过任何网上一本关于Vue.js的书(纯属个人见解!)......原创 2019-10-07 21:59:04 · 3281 阅读 · 0 评论 -
vxe-table 更新到最新版本
更改前main.js。原创 2024-09-01 18:59:42 · 189 阅读 · 0 评论 -
npm 更新依赖到最新版本
【代码】npm 更新依赖到最新版本。原创 2024-09-01 18:55:19 · 132 阅读 · 0 评论 -
npm 拉取包超时修改为淘宝镜像
【代码】npm 拉取包超时修改为淘宝镜像。原创 2024-09-01 16:40:45 · 141 阅读 · 0 评论 -
vue draggable
【代码】vue draggable。原创 2024-06-23 16:40:50 · 344 阅读 · 0 评论 -
vue 修改element-plus主题色
二、添加主题文件theme.scss。三、main.js引入。原创 2024-03-23 21:35:48 · 660 阅读 · 1 评论 -
nginxconfig-部属
三、将编译后的dist目录下的文件拷贝到nginx托管服务器下的目录:/data/wwwroot/nginx.config.com。四、配置nginx托管文件 nginx.config.com.conf。五、重新加载nginx 配置。一、下载源码(master)原创 2023-06-24 12:12:18 · 675 阅读 · 0 评论 -
vue 文件上传前后端
uploadHeaders:身份验证token。fileBaseUrl:上传后台接口地址。原创 2023-06-03 22:28:59 · 2530 阅读 · 0 评论 -
vant 移动端 vue 组件库
二、引入组件 main.js。三、index.html。原创 2022-10-03 13:48:41 · 411 阅读 · 0 评论 -
vue3 .netcore-mvc(axios+qs)
二、HomeController.cs后台接口。三、Index.cshtml。原创 2022-07-24 11:40:20 · 566 阅读 · 0 评论 -
vue3 .netcore-mvc应用引用打包的自定义组件
一、将saas-components.umd.js打包文件拷贝到netcore项目wwwroow/js目录下。二、修改/Views/Home/Index.cshtml。原创 2022-07-24 09:55:59 · 578 阅读 · 2 评论 -
vue3 组件打包成umd和es格式
二、修改package.json。一、新建build.js。原创 2022-07-24 09:37:51 · 5102 阅读 · 0 评论 -
vue3 组件全局引用
目录/components/button-input/ButtonInput.vue。目录/components/button-input/index.ts。目录/components/index.ts。一、新建项目saas-plugin。原创 2022-07-24 09:23:45 · 4051 阅读 · 0 评论 -
vue3 .netcore-mvc应用
在这里我要解释一下,我为什么要这样做呢?主要是为了.cshtml文件也支持elementplus智能提示。一、使用HBuilderX新建vue3项目VueNetCombine。三、编辑Index.cshtml文件,我们点击右下角的语言,选择vue。二、在src目录中新建.netcoremvc项目VueNet。......原创 2022-07-20 22:33:42 · 1172 阅读 · 0 评论 -
vue3 vxe-table表格
代码】vue3vxe-table表格。原创 2022-07-19 22:13:08 · 2085 阅读 · 0 评论 -
vue3 state管理
代码】vue3state管理。原创 2022-07-17 16:35:14 · 1053 阅读 · 0 评论 -
vue3 监听属性
代码】vue3监听属性。原创 2022-07-16 15:27:49 · 905 阅读 · 0 评论 -
vue3 父子组件传值通信
代码】vue3父子组件传值通信。原创 2022-07-16 15:02:32 · 251 阅读 · 0 评论 -
vue3 编写.netcore类库带dashboard
一、打包vue项目二、新建类库:ClassLibrary2将vue.js build目录拷贝到类库www目录下,并设置为嵌入资源 Class1.cs三、项目中引用ClassLibrary2并在Startup.cs中添加一行在浏览器输入:http://localhost:5000/index#/......原创 2022-06-26 17:07:30 · 534 阅读 · 0 评论 -
vue3 屏蔽错误及警告信息
vue3 屏蔽错误及警告信息原创 2022-06-25 15:58:50 · 2382 阅读 · 1 评论 -
vue3-axios使用
一、安装二、新建文件utils/request.js utils/http.jsrequest.jshttp.js三、使用products/index.vueC# ProductController 控制器运行效果:原创 2022-06-25 15:49:58 · 1099 阅读 · 0 评论 -
vue3-vite多环境配置
一、新建文件.env和.env.production.env.env.production二、products/index.vue二、 开发环境运行 三、打包拷贝到.netMVC中运行原创 2022-06-25 14:50:54 · 3913 阅读 · 0 评论 -
vue3-scss使用
一、安装环境python 3.9下载地址:https://www.python.org/downloads/release/python-3913/ 二、npm安装三、新建scss文件scss/product.scss四、使用/products/index.vue效果:原创 2022-06-25 11:46:34 · 7621 阅读 · 1 评论 -
vue3-element-plus使用
一、安装二、引用三、使用运行效果:原创 2022-06-25 11:00:02 · 1091 阅读 · 0 评论 -
vue3-VueRouter使用
一、新建项目Demo2二、安装 参考文献:Installation | Vue Router三、新建目录及页面/products/index.vue/merchands/index.vue四、修改index.htmlApp.vuemain.js原创 2022-06-15 22:29:16 · 581 阅读 · 0 评论 -
centos7 安装Node.js
yum info epel-release #确认系统是否已经安装了epel-release包sudo yum install epel-releasesudo yum install nodejs #安装nodejsnode -vnpm -vnpm install -g cnpm --registry=https://registry.npm.taobao.org#安装包时,通过cnpm代替npmcnpm -v...原创 2020-12-03 23:57:59 · 282 阅读 · 0 评论 -
npm 加速
使用npm淘宝镜像(http://npm.taobao.org/)。读者可在cmd命令窗口执行:npm install -g cnpm --registry=https://registry.npm.taobao.org安装包时,通过cnpm代替npm原创 2020-12-03 22:39:30 · 428 阅读 · 0 评论 -
IIS 部属Vue
一、IIS安装url-rewritehttps://www.iis.net/downloads/microsoft/url-rewrite二、vue-router配置全局配置const router = new VueRouter({ mode: 'history', routes: [...]})二、Vue发布项目添加一个web.config<?xml version="1.0" encoding="UTF-8"?><configuration&...原创 2020-11-29 10:27:39 · 153 阅读 · 0 评论 -
centOS7 安装apache部属vue
yum install httpd配置网站:systemctl disable firewalld #禁用防火墙systemctl restart httpd.service #重启systemctl enable httpd.service #开机启动并重启服务浏览器输入:http://192.168.1.116配置网站:#将Vue编译过的dist目录下的文件拷贝到:/var/www/html/example.commkdir -p /var/www/html/examp..原创 2020-11-04 07:58:42 · 320 阅读 · 0 评论 -
vue+jenkins+nginx项目部属
一、配置Vue环境npm install -g cnpm --registry=https://registry.npm.taobao.org,之后安装依赖时使用cnpm替代npm即可,如:cnpm installcnpm install -g @vue/cli@3.11.0cnpm install -g @vue/clicnpm install -g @vue/cli-init二、新建Vue项目vue.webcd D:\Projects\Vuevue init webpack v原创 2020-10-24 11:47:38 · 224 阅读 · 0 评论 -
vue-项目在IE11下报错Promise未定义
安装:polyfillnpm install --save babel-polyfill在项目的入口js文件内: import "babel-polyfill"修改webpack.base.conf.js的entry配置的 entry: { app: ['babel-polyfill','./src/main.js'] },重新:npm run d...原创 2020-04-01 22:05:40 · 760 阅读 · 0 评论 -
vue-开发管理系统集成oidc-client-js(第三章)
开源地址:https://github.com/bigbigword3/Vue.Crud演示地址:http://47.112.212.161:901/用户名/密码:admin/admin参考资料:https://github.com/perarnborg/vuex-oidc/wiki运行效果:...原创 2020-03-22 13:28:57 · 3846 阅读 · 8 评论 -
vue-父/子组件互调方法
父组件ProductCategory.vue使用组件product-show<product-show ref="product_show_child" :id="id" v-show="visibleTag" :parentMethod="showMe" ></product-show><template> <div class="a...原创 2020-03-21 22:04:57 · 292 阅读 · 0 评论 -
vue-LocalStorage
npm install vue-localstorage --savemain.js 引入:import VueLocalStorage from 'vue-localstorage' Vue.use(VueLocalStorage)// Or you can specify any other name and use it via this.$ls, this.$whatEv...原创 2020-03-21 16:45:02 · 620 阅读 · 0 评论 -
vue-i18n实现多语言切换
安装:i18nnpm i vue-i18n -S新建语言资源包:index.jsimport Vue from 'vue'import VueI18n from 'vue-i18n'import Cookies from 'js-cookie'import elementEnLocale from 'element-ui/lib/locale/lang/en' //...原创 2020-03-21 15:30:27 · 645 阅读 · 0 评论 -
vue-安装使用SCSS
引入loadernpm install node-sass --save-devnpm install sass-loader --save-devnpm install style-loader --save-devsass-loader高版本的坑解决:修改package.json文件将sass-loader,改成低版本 "sass-loader": "^7.3.1",重...原创 2020-03-21 14:03:12 · 1235 阅读 · 0 评论 -
vuex-状态管理模式
import { mapState,mapActions,mapGetters,mapMutations } from 'vuex'首先们定义一个状态模块:settings.jsimport defaultSettings from '@/settings'const { showSettings, tagsView, fixedHeader, sidebarLogo } = de...原创 2020-03-21 11:19:22 · 898 阅读 · 0 评论 -
vue-触发路由跳转
标签方式跳转 <router-link :to="{path:'/',query: {id: 'testQuery'}}">返回列表测试Query</router-link>脚本方式跳转 this.$router.push({ name: 'productIndex',params: { id: "testParams" } })或 this.$rou...原创 2020-03-19 22:40:41 · 972 阅读 · 0 评论 -
vue-Promise处理异步和同步
<template> <div class="app-container"> <h1>商品信息</h1> <div class="block"> 测试Promise: <div> 操作人{{who}},改变了商品名称:{{merchandiseName}} &l...原创 2020-03-19 22:28:52 · 3245 阅读 · 0 评论 -
vue-安装 Element-ui-开发管理系统(第三章)
今天研究了一个别人的开源项目:https://github.com/KINGGUOKUN/SystemManagement感觉还可以,因此,自己在本地新建了一个项目,按需拷贝文件到自己项目,过程学到不少东西。首先,在本地新建好项目,然后依次安装依赖npm i js-cookie -Snpm i normalize.css -Snpm i nprogress -Snpm i pa......原创 2020-03-15 15:18:28 · 423 阅读 · 0 评论