vue的安装与使用教程

操作系统：ubuntu16.04

1.vue的安装
确保安装了node与npm,然后安装vue.

#全局安装 vue-cli
sudo npm install --global vue-cli

#建立vue的软链接
sudo ln -s /usr/local/node-v10.17.0-linux-x64/bin/vue   /usr/local/bin/

#创建一个vue项目
vue init webpack my-project

始终按enter键即可。

2.项目的编译与运行

cd my-project

#项目编译
npm install

#项目运行
npm run dev

因为是使用到npm run dev命令，将下面图片中scripts选择使用相应的命令dev.

vue+文件上传

vue前端代码

        <el-input v-model="ruleForm.certificateFile" type="file" :value="ruleForm.certificateFile" name="file" onkeypress="addlist(ruleForm.certificateFile)" accept="image/*" style="border:none; width: 12%;color: #1E88C7;" :headers="headerObj" />
        <el-button type="primary" style="width:12%;" @click.native.prevent="addlist(dape)">提交</el-button>

js代码

  methods: {
    addlist(cont) {
      const fileObj = document.getElementsByName('file')[0].files[0]
      var reader = new FileReader()
      reader.readAsDataURL(fileObj)
      reader.onload = function() {
        teme = reader.result.split(',')[1]
      }
      alert('上传成功！')
    }
   }