Vue中一些常识性的东西，随笔一

本文链接：https://blog.csdn.net/xxqxxz/article/details/105568527

一、认识Vue.js
1.vue是一个渐进式的框架
2.Vue的特点组件化，虚拟Dom，数据驱动化，
二、如何安装使用Vue.js呢
1.可以通过CDN方式引入
2.可以通过下载方式引入
3.通过npm安装(最常用需要node.js提前下载下来)
这是Vue.js的官方安装链接
hhttps://cn.vuejs.org/v2/guide/installation.html
三、Vue的常用方法
1.通过在data里面自定义了变量之后,可以使用{{XXX}}来显示在页面之中
2.Vue中列表的展示可以使用v-for=‘xxx’ xxx是放在data里面的一个自定义对象然后通过 v-for=’(item,i) in xxx 配合{{item}}可以动态渲染 (item,i) 这个i是index下标可以省略不写
四、什么是MVVM
MVVM是Model-View-ViewModel的简写:
一.是将【模型】转化成【视图】，即将后端传递的数据转化成所看到的页面。实现的方式是：数据绑定。
二.是将【视图】转化成【模型】，即将所看到的页面转化成后端的数据。实现的方式是：DOM 事件监听。这两个方向都实现的，我们称之为数据的双向绑定。
五、Vue中常用的指令
这个后续还会补充
1.插值:Mustache 就是{{}} 双大括号不仅可以用来写变量,也可以用来写一些简单的表达式.
2.v-once:仅在第一次渲染的时候展示(只渲染一次)
3.v-html=‘url’: 如果data里面的url对象里面有标签的话,可以使用v-html自动把他渲染成html解析后的
4.v-text=‘xxx’ 文本标签极为少用,v-text会覆盖标签里面的内容,而v-html不会
5.v-pre:作用类似于文本域可以原封不动的把标签里面的内容显示出来{{mes}}
6.v-cloak: 这个很重要,一旦vue解析完成了后会自动删除v-cloak,所以利用这个特性,可以这样使用
在style样式里[v-cloak] { display:none } 让页面没有加载完成的时候全部隐藏,cloak就是斗篷的意思.