vue脚手架步骤

使用单文件组件


1.安装    （只需要一次）


npm install --global vue-cli




2.创建项目   （每次创建项目都需要执行下面流程）




    1.创建项目之前 首先得知道你的项目创建到哪里


    2.


    官方提供创建vuejs项目  （不推荐）   代码语法检查比较麻烦
    vue init webpack my-project
    cd my-project






    vue init webpack-simple my-project   (推荐)
    cd my-project






3.使用  安装依赖  注意进入我们的项目




cd my-project


npm install  / cnpm install




4.npm run dev  运行项目












2/单文件配合vue-resource请求数据  ，以及单文件组件通过  vue-router配置路由




1)进入项目目录   创建项目


vue init webpack-simple vuedemo


2）cd 进入刚刚创建的项目


3）npm  install  安装依赖


4)npm run dev 启动           
单文件请求数据


1）安装插件
npm install vue-resource --save-dev


2)main.js引入  
import VueResource from ‘vue-resource’


3)使用
main.js  中   Vue.use(VueResource)




单文件结合路由


1)安装路由插件  npm install vue-router --save-dev
2)main.js引入  
import VueRouter from ‘vue-router’


3)使用
main.js  中   Vue.use(VueRouter)


















resource


var that=this;
var api='https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd='+this.ipt;
        this.$http.jsonp(api,{
            jsonp:'cb'
        }).then(function(data){
        console.log(data)
           that.list=data.body.s;
        },function(){
       
        })