IT艺术家-rookie的博客

工具函数

Vuex.Store 一般我们在项目中使用一个 Vuex.Store实例。创建store实例的构造器有8个参数（构造器选项） state， mutation， actions， getters， modules， plugins, strict, devtools Mutation mutation就是修改store中的状态的地方，也就是提交mutation，就像提交一个事件 const store = new Vuex.Store({ state: { count: 1 }, mut

打包vue项目 打包vue，生成打包文件，如下图的dist文件夹 npm run build Dockerfile文件的创建和编写 FROM nginx //把打包好的内容复制到nginx默认的路径--/usr/share/nginx/html/ COPY dist/ /usr/share/nginx/html/ 使用cmd进入dist文件夹所在路径进行构建镜像 docker build -f dockerfile文件路径 -t 自己定义的镜像名:版本号 . D:\frontCode\robot

一、安装vue-router npm install vue-router 1. vue 路由传参的两种方式 vue 路由传参虽然有好几种写法，但本质上分为两种，一种是 get 类型的传参，一种是 post 类型的传参。 1.1. get 的传参（字符串类型） 【传参】get 类型传参的三种写法: 1.this.$router.push('/addres?id=12345') 2.this.$router.push({ path: "/addres", query: {

【先要有node.js和vue-cli】 1.进入某个存放vue前端项目的路径中 C:\Windows\system32>E: E:>cd E:\vue\my 2.开始初始化 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 @

npm install webpack –g npm install webpack-cli –g

一、 先安装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

windows下安装nodejs 一、下载：官网下载msi文件 二、安装： 和下图一起参考 至此Node.js已经安装完成，可以先进行下简单的测试安装是否成功了，后面还要进行环境配置，在键盘按下【win+R】键，输入cmd，然后回车，打开cmd窗口 根据需求可以更新npm到最新版本npm install -g npm 安装完后如图： 三、环境变量的配置： 说明：这里的环境配置主要配置的是npm安装的全局模块所在的路径，以及缓存cache的路径，之所以要配置，是因为以后在执行类似：npm