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 能很好地和诸如 WebpackBrowserify 模块打包器配合使用。 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}ERCM92~O@E.png

结束

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 转载 :OpenDiggawesome-github-vue 是由OpenDigg整理并维护的Vue相关开源项目库...
    果汁密码阅读 23,333评论 8 124
  • 来源:github.com Vue.js开源项目速查表:https://www.ctolib.com/cheats...
    zhangtaiwei阅读 14,030评论 1 159
  • 一朝春尽,群芳相谢, 风拂花落,残红漫天。 可叹落花空有意,戚戚相随碧波去, 怎奈流水本无情,红消香散有谁怜? 举...
    秋风无归处阅读 3,047评论 0 3
  • 很多时候人们大多信誓旦旦要去做某件事,如果跳槽一定会懂同行业之间一般不会去最大的竞争对手的项目。以前的领导总是给我...
    苏穆凉阅读 2,118评论 0 1
  • 2017.08.12No133 0915-0950用时35分钟字数1032 为什么我们讨论到一些方法论,一上来就强...
    何不可阅读 2,435评论 0 4

友情链接更多精彩内容