Vue的基本环境搭建

环境搭建

---

安装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>

    <div id="app">
    	<div id="app-in">
    		something
    	</div>
    </div>
   

   </template>

2. 数据要写在 return 里面

<script>

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

</script>