关于第一次使用vue

前段时间终于终于可以用vue-cli,webpack做个企业站，记一下过程。。。

首先node.js，按照vue官网的步骤命令提示符走一波，网速原因，所以用的是淘宝镜像 cnpm

# 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # 安装依赖 $ cd my-project $ npm install $ npm run dev 然后安装需要用到的其它插件。 安装axios npm install 要写入到package.json 里面 所以后面加上--save，其它安装一样，axios不能使用 Vue.use() 而是 Vue.prototype.$ajax = axios，使用this.$ajax.get(url).then(function(){res})  jq npm安装的是最新版本的 想要使用2.1.4版本的，在json文件找到jq 然后改为自己想用的版本，npm install 重新走一遍。 在webpack.base.conf.js里面配置jq，最上面加上 var webpack = require("webpack") 下面也要加上

  resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src'),
'jquery': 'jquery'
    }
  }, // 增加一个plugins
    plugins: [
new webpack.ProvidePlugin({
              $: "jquery",
                      jQuery: "jquery"
          })
    ],

自此jq可以使用了。

router传参部分

<router-link :to="{path:'/Hello',query: {Id: item.Id,category:3}}">
<img v-bind:src="item.Img" />
<span v-text="item.Title"></span>
</router-link>

接收参数 this.$route.query.Id  this.$route.query.category; 

项目完成之后config-->index.js里面dev-->assetsPublicPath的'/'换成‘./’改变一下路径。 npm run build 上传服务器。