vue基础知识

1.v-model的使用？

用V-model指令在表单<input>、<textarea>及<select>元素上创建双向数据绑定。

2.v-on可以监听多个方法吗？

可以

3.什么事mvvm？与mvc有什么区别？

MVVM是Model（模型）+View（视图）+ViewModel（视图模型）框架，通过ViewModel连接数据模型Model和View。
Vue是数据驱动，通过数据来显示视图层而不是节点操作。
MVC是模型（model）-视图（view）-控制器（controller）

图片.png

4.常用的几个

v-model 它的值对应于我们创建的Vue实例的data选项中的name字段，这就是Vue的数据绑定。
通过Vue实例的data选项，可以声明应用内需要双向绑定的数据。
{{}}是最基本的文本插值方法，会自动将我们双向绑定的数据实时显示出来。
v-html：输出HTML，而不是将数据解释后的纯文本
v-pre：既可跳过这个元素和它的子元素的编译过程（ <span v-pre{{这里的内容是不好被编译的}}</span> )
v-bind:的基本用途是动态更新HTML元素上的属性，比如id，class等 （v-bind：简化为：）
v-on: 用来绑定事件监听器 （v-on：简化为@）
如果绑定得事件要处理复杂得业务逻辑，建议还是在methods里声明一个方法
components:所有得计算属性都以函数得形式写在Vue实例内得computer选项内，最终返回计算后得结果

5.基本指令有哪些？

v-cloak 不需要表达式，它会在Vue实例结束编译时从绑定的HTML元素上移除，经常和CSS的display:none；配合使用 是解决初始化慢导致页面闪动的最佳实践
v-once作用是定义它的元素或组件只渲染一次，包括元素或组件的所有子节点。
条件渲染指令
v-if、v-else-if、v-else 可以根据表达式的值在DOM中渲染或销毁元素/组件
v-else-if要紧跟v-if，v-else要紧跟v-else-if或v-if。
如果一次判断多个元素，可以在Vue.js内置的<template>元素上使用条件指令，最终渲染的结果不会包含该元素。
v-show 改变元素的CSS属性display。当v-show表达式的值为false时，元素会隐藏，查看DOM结构会看到元素上加载了内联样式display：none；
v-show不能在<template>上使用