web开发笔记-vue.js初试

简介

学校给了两周时间,让我们做一个课设.于是我打算做一个移动端的校园图书馆软件.计划用vue.js这个框架.今天就按照官网的教程,利用vue.js的脚手架添加一个简单的vuejs项目.

内容

Vue.js 是什么

---

Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。
Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

安装

---

兼容性
Vue.js 不支持 IE8 及其以下版本，因为 Vue.js 使用了 IE8 不能模拟的 ECMAScript 5 特性。 Vue.js 支持所有兼容 ECMAScript 5 的浏览器。
NPM
在用 Vue.js 构建大型应用时推荐使用 NPM 安装， NPM 能很好地和诸如 Webpack 或 Browserify 模块打包器配合使用。 Vue.js 也提供配套工具来开发单文件组件。

# 最新稳定版
$ npm install vue

** 命令行工具
**
Vue.js 提供一个官方命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目：

# 全局安装 vue-cli
$ npm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 安装依赖，走你
$ cd my-project
$ npm install
$ npm run dev//

然后一个简单vuejs项目就搭建好了,

QIGFA@QZ_WM8)OYTXDGP1A9.png

vue.js支持热更新,当你把文件内容修改后,只要按一下保存,那网站上的内容就会自己更新,并且你不会感觉到有闪烁的情况,就像我们用ajax技术来实现局部刷新一样.cool! (^o)/
这是我修改后的内容:

}~XFT30$%LUX}[email protected]

结束

刚开始使用时我还有很多忧虑,担心会遇到各种问题,结果没想到按照文档来一路无阻,
哈哈 ** <(￣︶￣)> **