概念
什么是Vue
Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架,所谓渐进式就是逐步实现新特性的意思,如实现模块化开发、路由、状态管理等新特性。综合了Angular(模块化)和React(虚拟DOM)的有点
与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。
因为Vue的边界很明确,就是为了处理DOM,所以不具备通信能力,此时就需要额外使用一个通信框架与服务器交互,常用Axios;当然也可以直接使用jQuery提供的AJAX通信功能
WebPack:模块打包器,主要作用是打包、压缩、合并及按序加载
NPM:项目综合管理工具,类似于MAVEN
特点:
关注点分离原则(SOC):只关注视图层:HTML+CSS+JS
网络通信 :axios
页面跳转:vue-router
状态管理:vuex
Vue-UI:element-ui、飞冰
计算属性:
第一个Vue程序
了解MVVM(Model - View - ViewModel)
- 用IDEA安装vue.js插件
- 创建html文件,引入vue的cdn
- 写代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!-- view层 模板-->
<div id = "app">
{{message}}
</div>
<!--1. 导入Vue.js-->
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.min.js"></script>
<script>
var vm = new Vue({
el: "#app",
<!--Model: 数据-->
data:{
message: "hello,vue!"
}
});
</script>
</body>
</html>