美文网首页
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-basic

    vue 基础知识

  • Vue学习总结(2019.7.31-8.4)

    Vue学习总结 目录 vue基础知识(1-13)vue 引入,实例化vue 数据 & 方法vue 绑定(:)vue...

  • Vue基础知识

    Vue基础知识 常用Java Script框架 jQuery Backbone Angular vue React...

  • VUE基础知识入门

    VUE基础知识入门 VUE官方文档教程链接:VUE 1.什么是Vue.js Vue.js(读音 /vjuː/, 类...

  • Vue 基础知识之 Vue.extend

    Vue 基础知识之 Vue.extend Vue.extend 属于 Vue 的全局 API,在实际业务开发中我们...

  • Vue部分基础知识点总结

    Vue基础知识点: 1.Vue:过滤html标签 ----{{{数据名}}}. 2.Vue:单次插值语法: ...

  • Vue知识点合集

    Vue vue.js中el是什么vue 基础知识Vue杂七杂八的知识点(此篇比较老了)指令vue v-text &...

  • Vue小知识

    Vue基础知识 Vue框架作用 拓展html的功能,属性 vue是一套构建用户界面的 渐进式框架,Vue.js 的...

  • vue

    vue基础知识部分 扯淡前言 这个笔记是关于vue的所有重点基础知识,大部分配的有实例,这些实例都是我自己一个个敲...

  • 01-vue入门

    基础知识: vue的生命周期: beforeCreate/created、 beforeMount/mounted...

网友评论

      本文标题:vue基础知识

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