vue基础-01

vue官网：vuejs.org

寻找bug解决方法网站：①stackoverflow.com（国外网站）②segmentfalt.com（国内网站）③知乎网 ④bing

MVVM模式简要介绍：M代表数据      V代表view代表视图     VM 代表viewmodel，代表将视图和数据进行连接

简单命令：①v-for="item in/of arr"   ②v-if="......(true)" v-else="......(true)"   ③v-show= ".......(true)" v-if和v-show都能让元素隐藏，区别是v-if直接让隐藏的元素在dom中消失，v-show是通过改变隐藏元素的class类名来进行隐藏的    ④ v-on:click="......" 给元素添加事件v-on:可以缩写成@  方法必须写在methods中    ⑤v-html="......" 用于渲染含有html标签的内容（比如：富文本编辑器生成的内容）   ⑥v-clock 因为在加载样式之前，浏览器会将代码源码加载出来，为了处理这个缺陷，就是用v-clock熟悉，一般在根源素上添加，只有在加载样式之前才有用，vue实例化以后失效，使用时在css样式上使用display：none； 使用属性选择器选择 [v-cloak]      ⑦v-bind:用于动态绑定属性，可以省略为：，例如v-bind:title="........."或者:title="......."        ⑧ v-model="....."数据的双向绑定  ⑨ @keyup.enter="......"当按下键盘enter键触发事件，还可以写组合按键触发事件，例如：@keyup.ctrl.enter="........"

开发实用性打印提示信息扩展：

①console.table()  在控制台中打印直观的数组格式

②console.error()  在控制台中打印出错误信息

③console.warn()   在控制台中打印警告信息

④console.time()    console.timeEnd()    成对使用，用来计算得出代码运行的时间

⑤monitorEvents($0)   查看事件执行过程，主要用来查看鼠标上一次点击的元素