环境搭建

---

安装webpack

• npm install webpack -g

安装vue脚手架

• npm install vue-cli -g

创建一个文件夹放工程,终端进入该目录

• cd进入该目录

根据模板创建项目

1. vue init webpack 工程名字
2. 进行初始化配置

进入创建的工程目录,安装项目依赖

• npm install

  安装vue路由模块vue-router 和网络请求模块 vue-resource

• npm install vue-router vue-resource --save

  启动项目

• npm run dev

  （打开欢迎界面说明搭建成功）

  APP.vue

  template 写 html模板，script写 js，style写样式

  注意问题

1. 一个组件下只能有一个并列的 div（Vue2.x版本）

   <template>

         
        
          
                    something     
          
    
         

   </template>

2. 数据要写在 return 里面

<script>

export default{        data () {            return {                msg: "Hello Vue!";        }    }}

</script>