初识Vue

vue 的设计模式是MVVM

MVVM Model- View-ViewModel 数据展示到视图是通过ViewModel控制上去的
组件的概念就是由html,css，js构成的一个模块

模块：一个js文件就是一个模块、
vue的组件是通过一个工具（webpack）进行打包，打包成一个*.vue
webpack:一个打包机，将我们html,css,js等等打包成一个文件让我们浏览器识别。捆绑

vue的核心用法 ：
1、模板语法：使用{{}}进行插值
2、指令系统：v-if,v-show,v-bind,v-on,v-for,v-model,v-html

v-if:真正的条件渲染
v-show：惰性的渲染，这个渲染方式会在标签上加style样式
v-bind：绑定属性，可以在任何的标签中绑定标签中自己的属性和自定义的属性
v-on:绑定事件，可以绑定js中所有的事件，包括click,hover,mouseover......
v-for:遍历数组
v-mode:表单控件中实现双向数据绑定
v-html:双大括号会将数据解释为普通文本，而非 HTML 代码。为了输出真正的 HTML，你需要使用 v-html 指令
3、computed计算属性
注意：使用computed的时候默认只有getter ,它能实时监听数据属性的变化。当然了，在必要的时候我们还可以加setter