logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

篇三、组件通信(非父子组件间传值 Vuex ~ 状态管理)

Vuex用法vuex主要使用场景为大型单页面应用,更适合多人协同开发。vuex写法多种,在此只写两种自认为最常用方案。步骤一:vuex安装、全局引入利用npm包管理工具安装,命令行如下(注:在开发环境中安装vuex时,需要加--save):npm install vuex --save步骤二:vue-cli中使用vuex的方式为了后续维护,...

10分钟搭建Vue环境及安装脚手架(Vue入门篇)

Vue入门、 Vue环境搭建、Vue-cli、npm/cnpm

vue 修改外部引入组件样式

在vue组件中,为了使样式私有化(模块化),不对全局造成污染,可以在style标签上添加scoped属性,以表示它的只属于当下的模块;但是因为在我们需要修改公共组件(三方库或者项目定制的组件)的样式的时候,scoped往往会造成更多的困难,需要增加额外的复杂度。对此,解决方法如下:注:“需要修改的样式” 为当前组件自己的样式(class),可以在浏览器中F12查看...

vue-cli中使用@import 从外部引入样式

外部引入 CSS 有2种方式,link标签和@import;~直接上代码~注:@import中路劲需要使用 “~”(“~”是 stylus-loader中的定义)

Vue $ref用法

在父组件中通过$ref给子组件动态添加属性,具体代码如下;注:由于是给子组件添加$ref,所以必须添加$el(this.$refs.classifyfix.$el)。

vue2调用高德地图(Amap)及其UI组件

vue调用高德地图只需四步,具体如下:1、申请高德KEY。方法自行百度 http://lbs.amap.com/dev/key/app;2、在项目的index.js文件中引入高德地图JS_API,如下:3、在项目build/webpack.base.conf.js中加入如下代码:externals: {'AMap': 'AMap','AMapUI': '...

Vue-cli3项目 配置webpack (Vue.config.js)

1.webpack配置路径别名2.webpack全局注入通用样式3.webpack引入第三方插件,如Amap,QRcode等在项目的根目录下新建 vue.config.js 文件(是根目录,不是src目录),如图:配置实例如下:const path = require('path')const resolve = dir => path.join(__dirname, di.

vue-cli3构建TS项目(基础篇)

概述:Vue三个TS官方库vue-class-componentvue-property-decoratorvuex-class1.通过vue-cli3生产项目vue create xxxvue-cli3脚手架生成项目目录说明│.browserslistrc│.gitignore│.postcssrc.js // postcss 配置│babel.co...

vue项目中,定义并使用 全局变量,全局函数

一、定义变量,并全局使用原理:1. 单独新建一个全局变量模块文件,模块中定义一些变量初始状态,用export default 暴露出去。2. 在main.js中引入,并通过Vue.prototype挂载到vue实例上面。供其他模块文件使用;3. 或者直接引入到需要的模块文件中使用;项目目录步骤1、新建 global_variable...

Docker nginx部署多个web静态资源,且隐藏端口

Docker nginx部署多个web静态资源,且隐藏端口背景:将多个静态资源部署在docker上,希望能直接使用域名访问,而非域名+端口号具体思路:先使用docker创建3个nginx容器1、web1网站部署的nginx端口812、web2网站部署的nginx端口823、proxy_nginx 用于代理转发的nginx端口80说明:1、统一使用nginx来做入口的代理和转发,这种方法,笔者认为比

#docker#容器
到底了