一、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版权协议,转载请附上原文出处链接和本声明。