VUE-1

1 - vue.js教程

vue.js是一套构建用户界面的渐进式框架。
vue只关注视图层,采用自底向上增量开发的设计。
vue的目标是通过尽可能简单的API实现【响应的数据绑定和组合】的视图组件。
vue学习起来非常简单,本教程基于vue2.1.8版本测试。

2 - 阅读本教程前,您需要了解的知识:

html
css
javascript

3 - 第一个实例

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <script type="text/javascript" src="https://unpkg.com/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
    <p>{{message}}</p>
</div>

<script type="text/javascript">
    new Vue({
        el:'#app',
        data:{
            message:'hello vue.js!'
        }
    })
</script>
</body>
</html>>

4 - 参考资料

webpack入门教程:http://www.runoob.com/w3cnote/webpack-turorial.html
官方文档:http://vuejs.org/v2/guide/syntax.html
中文文档:https://cn.vuejs.org/v2/guide/syntax.html

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 安装vue migration工具 npm install -g vue-migration-helper vue...
    AlisaMfz阅读 641评论 0 0
  • 1.安装 可以简单地在页面引入Vue.js作为独立版本,Vue即被注册为全局变量,可以在页面使用了。 如果希望搭建...
    Awey阅读 11,107评论 4 129
  • 基于Vue的一些资料 内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 element★...
    尝了又尝阅读 1,187评论 0 1
  • 发布时间:2014年2月开源的一个前端开发库 1 官网介绍 2 版本下载 http://v1-cn.vuejs.o...
    Jianshu9527阅读 1,179评论 0 0
  • 面试总结——Java高级工程师 面试前面也总结了一和二, 这第三篇可能更偏向于是内心的独白篇和面试技巧总结吧......
    加油小杜阅读 414评论 0 5