Vue学习笔记-基本语法

插值
文本(输出文本):{{ }}或v-text
Html(输出Html):v-html

监听属性
常用于表单输入时要进行的动作
watch : {
  dataValue:function(val) {

  }
}

指令
v-text=表达式”               设置标签中的文本
v-html                          设置标签中的html
v-if                               控制是否有元素,v-if="isDelete"
v-for                             循环
v-show                          控制元素隐藏,如 v-show="isShow"
v-model                         数据双向绑定(用于表单),如 <input type="text" v-model="name">
v-on                              注册事件,如 v-on:click="func"
v-bind:                          绑定属性(title、class、href等)或对象,如<a v-bind:href="toUrl">

v-if与v-show的区别:
v-if是根据值从Dom树增加或删除节点
v-show是根据值来控制元素的显示或隐藏,即控制display样式

v-bind和v-model的区别:
通过 v-bind:value 也可以实现对表单赋值,但v-bind绑定数据是单向得,而v-model双向数据绑定

posted @ 2019-11-18 00:32  Tracine0513  阅读(143)  评论(0编辑  收藏  举报