Vue学习

Vue学习

一、使用vue-cli脚手架搭建vue开发环境（少走很多弯路）

       1. 搭建命令：

       npm install -g vue-cli

       vue init webpack-simple xxxx (webpack-simple是模板名称)

       cd xxxx

       npm install

       npm install vue-router --save-dev

       2. 修改代码，启动命令：

       npm run dev

二、使用vue-router，构建网站路由

      1.程序的入口文件main.js中引入vue-router:

         import VueRouter from 'vue-router'

         Vue.use(VueRouter)

      2. 使用new VueRouter({})构建项目路由

三、如何结合bootrap、jquery进行开发

四、组件间通信和状态管理

       1.通过使用事件中心，允许组件自由交流，无论组件处于组件树的哪一层。由于 Vue 实例实现了一个事件分发接口，你可以通过实例化一个空的 Vue 实例来实现这个目的。

       2.可使用Vuex来对组件间的通信和状态进行管理

五、如何实现前后台交互

六、如何进行项目发布

       自己的项目文件都需要放到src文件夹下

       项目开发完成后，输入npm run build来进行打包工作

       打包完成后，会生成dist文件夹，项目上线时只需将dist文件夹放到服务器即可

参考网址：

1.http://vue-loader.vuejs.org/en/start/spec.html

2.http://www.jb51.net/article/98902.htm
l