vue2.0-1-概述与安装

一、Vue.js 是什么?

Vue,始作俑者:尤雨溪;动机:爱好;目标:没想过;现状:很好
Vue,读音 /vjuː/,类似于 view,是构建用户界面的渐进式框架。
Vue 采用自底向上增量开发的设计
Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合
Vue单文件组件 & 第三方库 = SPA应用
vue-cli提供了高效、快速、便捷的项目搭建
完整的文档体系
不支持IE8及其以下浏览器

二、为什么要选择使用Vue框架

1、vues是一个核心注重视图开发的渐进式的框架
2、不仅易于上手,还便于与第三方库或既有项目整合
3、还便于与第三方库或既有项目整合。 
4、Vue 也完全能够为复杂的单页应用程序提供驱动。
5、vue-cli提供了高效、快速、便捷的项目搭建

三、VUE的特性

1.轻量级的框架
2.双向数据绑定
3.指令
4.插件化

四、基础语法:第一个VUE程序

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Vue初探</title>
        <!-- 项目开发第一步:引入vue -->
        <script src="../js/lib/vue/vue.js"></script>
    </head>
    <body>
        <!-- 第二步: 定义页面结构 -->
        <div id="app">
            {{message}}
        </div>
        <!-- 第三部,定义模型【Vue实例】 -->
        <script>
            var vm = new Vue({
                el:"#app",  /*el表示选择一个标签*/
                data:{      /*data表示存放在Model中的数据*/
                    message:"哈哈哈哈哈"
                }
            });

        </script>
    </body>
</html>

五、下载安装

离线版本下载
CDN方式下载 下载地址
npm方式下载
CSP方式下载
命令行下载
Bower方式下载
其他方式。。。

官方网站:http : //www.vuejs.org
中文网站:http : //cn.vue.org

V1.x中文文档:http : //cn.vuejs.org/v1/guide/
V2.x中文文档:http : //cn.vuejs.org/v2/guide/

V1.x传统项目以及遗留项目中使用较多
V2.x新项目和未来的趋势,对1.x版本进行了大幅度的改进


版权声明:本文为mengfanle666原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。