初识Vue,让我们重头开始学习前端框架

一.mvvm结构图二.Vue基本指令1.v-cloak

style[v-cloak]{display:none;}/style!--v-cloak能够解决插值表达式闪烁的问题就是让页面加载过程中不显示{{message}}类似--pv-cloak{{msg}}/p2.v-text

v-text和{{}}插值是一样的但是v-text自带v-cloak属性的功能不显示{{msg}}

v-text只能解析变量不能加别的文本会覆盖元素中原本的内容

h4v-text="msg"/h43.v-html

v-html约等于jq的html()向页面中加入html元素但是也回覆盖元素中的文本

divv-html="msg2"/div4.v-bind

v-bind:是vue中提供的用来绑定指令的一个属性只能实现数据的单向绑定

inputtype="button"value="按钮"v-bind:title="mytitle+""inputtype="button"value="按钮":title="mytitle+""!--简写形式v-bind可以被简写为:--!--mytitle是一个变量--5.v-on

v-on:是用来绑定事件的可以用

代替

inputtype="button"value="按钮"v-bind:title="mytitle"v-on:click="play"inputtype="button"value="按钮"v-bind:title="mytitle"

click="play"!--v-on事件的方法必须是vue实例中methods的函数--6..stop

.stop阻止冒泡

divclass="bigDiv"

click="bigDiv(this)"divclass="childrenDiv"

click="childrenDiv(this)"buttonclass="btn"

click.stop="btn"戳我/button/div/div7..prevent

阻止默认行为

ahref="


转载请注明:http://www.aierlanlan.com/cyrz/5758.html

  • 上一篇文章:
  •   
  • 下一篇文章: 没有了