zoukankan      html  css  js  c++  java
  • Vue入门

    Vue.js 是一个提供了MVVM (Model-View-ViewModel的)风格的双向数据绑定的Javascript 库,专注于View 层。它的核心是 MVVM 中的 VM,也就是 ViewModel。让我们将视图 UI 和业务逻辑分开。

    1 插值表达式
      (双大括号) 的文本插值
      {{message}}

    2  常用系统指令

      v-on:keydown   键盘按下  简写为@keydown

      v-on:click   点击事件    简写为@click

      v-on:mouseover   鼠标滑过  简写为@mouseover  

    3   事件修饰符

      Vue.js通过由点(.)表示的指令后缀来调用修饰符

      .stop  阻止事件传播 例如 @mouseover.stop

      .prevent  阻止事件默认行为 例如 @submit.prevent

    4  按键修饰符

      Vue.js通过由点(.)表示的指令后缀来调用修饰符

      .enter  表示按下的是回车键  例如  @keydown.enter

    5  v-text和v-html和v-bind

      v-html可以识别其中的标签,v-text不能识别其中的标签

      v-bind 可以给html标签中属性赋值,插值表达式{{}}不能给标签中的属性赋值

      v-bind:color="xxx"  简写为:color="xxx"

    6  v-model

      从Vue定义中的data数据中取值

    7  v-for

      从Vue定义中的data数据中取出数组或者对象进行遍历,遍历时都是值在前索引在后,如下

      <li v-for="(value,index) in arr ">{{value}}={{index}} </li>

    8 v-if和v-show

      v-if是根据表达式的值来决定是否渲染元素

      v-show是根据表达式的值来决定元素的display css属性

    9 Vuejs对象的生命周期

      Vue对象实例化中包含8个钩子方法

      beforeCreate,created,beforeMount,mounted,beforeUpdate,updated,beforeDestroy,destroyed

    10  vuejs中推荐使用axios向后端发送请求

  • 相关阅读:
    理解C#系列 / 核心C# / 常量
    理解C#系列 / 核心C# / 变量
    理解C#系列 / C#语言的特性
    理解C#系列 / .NET体系结构
    利用DMZ对象保护全局变量
    随手翻的一道摩拜校招题
    关于为函数形参赋值和搜索变量标识符的云云
    竟然修改形参有这么可怕的后果!!
    牛得一逼的delete操作符
    屏蔽属性
  • 原文地址:https://www.cnblogs.com/moris5013/p/12391012.html
Copyright © 2011-2022 走看看