
Vue前端
文章平均质量分 55
IT艺术家-rookie
IT艺术家
展开
-
vue---工具函数
工具函数原创 2023-03-28 18:16:00 · 268 阅读 · 0 评论 -
vue--vuex的使用和理解
Vuex.Store一般我们在项目中使用一个 Vuex.Store实例。创建store实例的构造器有8个参数(构造器选项)state,mutation,actions,getters,modules,plugins,strict,devtoolsMutationmutation就是修改store中的状态的地方,也就是提交mutation,就像提交一个事件const store = new Vuex.Store({ state: { count: 1 }, mut原创 2022-01-18 12:34:06 · 347 阅读 · 0 评论 -
vue--docker+nginx简单部署vue项目
打包vue项目打包vue,生成打包文件,如下图的dist文件夹npm run buildDockerfile文件的创建和编写FROM nginx//把打包好的内容复制到nginx默认的路径--/usr/share/nginx/html/COPY dist/ /usr/share/nginx/html/使用cmd进入dist文件夹所在路径进行构建镜像docker build -f dockerfile文件路径 -t 自己定义的镜像名:版本号 .D:\frontCode\robot原创 2022-01-10 16:03:45 · 1622 阅读 · 0 评论 -
Vue中可能会使用的工具包
一、安装vue-routernpm install vue-router1. vue 路由传参的两种方式vue 路由传参虽然有好几种写法,但本质上分为两种,一种是 get 类型的传参,一种是 post 类型的传参。1.1. get 的传参(字符串类型)【传参】get 类型传参的三种写法:1.this.$router.push('/addres?id=12345')2.this.$router.push({ path: "/addres", query: {原创 2021-11-12 10:41:27 · 1050 阅读 · 0 评论 -
windows下搭建vue开发环境4-创建vue项目
【先要有node.js和vue-cli】1.进入某个存放vue前端项目的路径中C:\Windows\system32>E:E:>cd E:\vue\my2.开始初始化E:\vue\my>vue init webpack fof我这里提醒了Command vue init requires a global addon to be installed.Please run npm i -g @vue/cli-init and try again.让我执行npm i -g @原创 2021-10-04 11:12:40 · 170 阅读 · 0 评论 -
windows下搭建vue开发环境3-安装webpack
npm install webpack –gnpm install webpack-cli –g原创 2021-10-04 10:21:14 · 115 阅读 · 0 评论 -
windows下搭建vue开发环境2-vue-cli安装和版本更新
一、先安装node .js在再安装vue-cli在安装cnpm时如果出错,不妨尝试使用管理员身份打开cmd二、vue-cli安装npm install vue-cli -g三、vue-cli的版本查看vue-cli的3.0+以后使用的不是vue-cli了,如果用以上的安装命令安装的并不是最新版的3.0+的,而如果安装3.0的话就需要使用新的npm install @vue/cli –g或者用cnpm安装:cnpm install @vue/cli -g如果原来已经安装了vue-cl原创 2021-10-04 10:16:46 · 166 阅读 · 0 评论 -
windows下搭建vue开发环境1-windows下安装nodejs
windows下安装nodejs一、下载:官网下载msi文件二、安装:和下图一起参考至此Node.js已经安装完成,可以先进行下简单的测试安装是否成功了,后面还要进行环境配置,在键盘按下【win+R】键,输入cmd,然后回车,打开cmd窗口根据需求可以更新npm到最新版本npm install -g npm安装完后如图:三、环境变量的配置:说明:这里的环境配置主要配置的是npm安装的全局模块所在的路径,以及缓存cache的路径,之所以要配置,是因为以后在执行类似:npm原创 2021-10-04 10:05:41 · 168 阅读 · 0 评论