vue.js起步
2017-01-15 09:53
197 查看
vue.js起步
Vue.js介绍
Vue.js(读音 /vjuː/,类似于 view)是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js的目标是通过尽可能简单的 API实现响应的数据绑定和组合的视图组件。
Vue.js的引入
官网提供的一种引入方式:<scriptsrc="https://unpkg.com/vue/dist/vue.js"></script>
直接下载引入:
下载引入的时候,有开发版本和生产版本。开发版本顾名思义,就是为了开发使用,包含完整的警告和调试模式。生产版本删除了警告,而且对vue.js进行了压缩,非常小,不到100K。建议在开发时期使用开发版本,等到项目部署的时候在换为生产版本。利用npm安装:
在之前要安装node.js。进入node.js官网下载安装。在node安装完成之后,由于其内置npm,可以直接使用npm install vue 进行安装。对于大型项目,建议使用npm 进行安装。
最简单的vue实例
<div id=”app”> {{ mes }} </div> var vm = new Vue({ // 选项 el:”app”, data:{ ”mes”:”Hello Vue” } }) |
相关文章推荐
- vue.js 的起步
- vue.js 的起步
- vue.js 学习——起步
- Vue.js起步
- Vue.js起步实践--不用webpack或vue全家桶情况下开始动手写一个小组件
- Vue.js 2.x笔记:安装与起步(1)
- Vue.js起步学习笔记
- Vue.js起步学习
- Vue.js 的一些资源索引
- Vue.js Ajax动态参数与列表显示
- 前端开发入门:vue.js
- phoenix使用vue--单独js(不使用app.js)
- Vue.js基本规则提炼总结及计算属性学习
- Vue.js列表输出不同style
- 从angularJS改道Vue.js,趟过第一个坑!
- 使用node+vue.js实现SPA应用
- Vue.js 动态数据处理 简单版
- Vue.js:轻量高效的前端组件化方案
- 前端开发工具vue.js开发实践总结
- Vuejs demo