VUE2.0学习笔记

来源:互联网 发布:淘宝网店出售平台 编辑:程序博客网 时间:2024/05/16 14:17

前期准备:
node v6.11.0
npm v3.10.10
vue v2.1.0
vue-router v2.0.3
vuex v2.0.0
流程:
1.使用 vue-cli 创建项目

2.使用 vue-router 实现单页路由

3.用 vuex 管理我们的数据流

4.使用 vue-resource 请求我们的 node 服务端

5.使用.vue 文件进行组件化的开发

Content:
1.安装:
使用 webpack 去为我们的模块打包,预处理,热加载。我们需要用 webpack 去编译.vue 文件,如果没有使用一个 loader 去转换我们.vue 文件里的 style 、 js 和 html ,那么浏览器就无法识别。
模块热加载是 webpack 的一个非常碉堡的特性,将会为我们的单页应用带来极大的便利。 通常来说,当我们修改了代码,刷新页面,那应用里的所有状态就都没有了。这对于开发一个单页应用来说是非常痛苦的,因为需要重新在跑一遍流程。如果有模块热加载,当修改了代码,你的代码会直接修改,页面并不会刷新,所有状态也会被保留。
Vue 也为我们提供了 CSS 预处理,所以我们可以选择在.vue 文件里写 LESS 或者 SASS 去代替原生 CSS 。
过去通常需要使用 npm 下载一堆的依赖,现在我们可以选择 Vue-cli 。这是一个 vue 生态系统中一个伟大创举。这意味着我们不需要手动构建我们的项目,而它就可以很快地为我们生成。
a)首先,安装 vue-cli 。(确保你有 node 和 npm)
cmd: npm i -g vue-cli

原创粉丝点击