美文网首页
vue基础知识

vue基础知识

作者: 小羊同学啊 | 来源:发表于2019-07-30 17:13 被阅读0次

    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-ifv-else要紧跟v-else-ifv-if
    如果一次判断多个元素,可以在Vue.js内置的<template>元素上使用条件指令,最终渲染的结果不会包含该元素。
    v-show 改变元素的CSS属性display。当v-show表达式的值为false时,元素会隐藏,查看DOM结构会看到元素上加载了内联样式display:none;
    v-show不能在<template>上使用

    相关文章

      网友评论

          本文标题:vue基础知识

          本文链接:https://www.haomeiwen.com/subject/kydnrctx.html