Vue介绍和基本使用
Vue介绍
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架，与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用，Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合，可以一点一点地使用它，只用一部分，也可以整个工程都使用它
js的框架，跟jq是一类东西
bootstrap：ui框架不是js框架（css样式）
vue中使用ui可以引入bootstrap，elementui(饿了么团队出的)，Vant(移动端ui：有赞)，ant-design-vue（ant-design本身是react的ui库）
网站：
文档：https://cn.vuejs.org/v2/guide/
版本：
1.X：使用得较少
2.X：普遍使用
3.X：刚出没多久，只有Beta版
M-V-VM思想
MVVM 是Model-View-ViewModel 的缩写，它是一种基于前端开发的架构模式，是一种事件驱动编程方式
Model ：vue对象的data属性里面的数据，这里的数据要显示到页面中，js中变量
View ：vue中数据要显示的HTML页面，在vue中，也称之为“视图模板” （HTML+CSS)
ViewModel：vue中编写代码时的vm对象，它是vue.js的核心，负责连接 View 和 Model数据的中转，保证视图和数据的一致性，所以前面代码中，data里面的数据被显示中p标签中就是vm对象自动完成的（双向数据绑定：JS中变量变了，HTML中数据也跟着改变）
组件开发、单页面开发
组件开发
类似于DTL中的include，每一个组件的内容都可以被替换和复用
单页面开发
只需要1个页面，结合组件化开发来替换页面中的内容，页面的切换只是组件的替换，页面还是只有1个index.html
引入方式
1、CDN的方式引入
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
2、下载后导入
其实就是直接在浏览器中打开https://cdn.jsdelivr.net/npm/vue/dist/vue.js，然后复制下来，创建一个js文件再粘贴进去
<script src="js/vue.js"></script>
简单使用
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Vue的简单使用</title> <script src="static/vue.js"></script> </head> <body> <div id="box"> {{name}} </div> <script> let vm = new Vue({ el:'#box', data:{ name:'hello world' } }) </script> </body> </html>
