美文网首页
一文带你入门Vue之模版语法

一文带你入门Vue之模版语法

作者: 浮名虚誉架构师 | 来源:发表于2018-05-30 14:19 被阅读0次

{{}} (文本插值)

使用 {{...}}(双大括号)的文本插值

v-html (Html内容渲染指令)

用于输出 html 代码

v-model(双向绑定)

v-model指令,能让数据双向绑定

v-if、v-else (条件渲染)

v-if、v-else 条件指令,可以让我们使用if-else逻辑动态显示内容

v-show (条件显示指令)

适合频繁切换的场景,v-show指令为更改元素的display属性来达到显示、隐藏,而v-if、v-else指令为DOM操作,并不适合频繁地切换

v-for (列表遍历)

列表标签可以说是最常用的元素

v-bind(属性绑定)

可以绑定属性和样式,简写:

v-on (事件处理)

可绑定点击事件,简写@

. (修饰符)

以半角句号 . 指明的特殊后缀,用于指出一个指令应该以特殊方式绑定

相关文章

  • 一文带你入门Vue之模版语法

    {{}} (文本插值) 使用 {{...}}(双大括号)的文本插值 v-html (Html内容渲染指令) 用于输...

  • Vue模版语法

    简介 Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数...

  • Vue模版语法

    制作一个自用的Vue模版 1.创建一个简单的模版代码 2.将代码设置为模版 file-setting-Live t...

  • vue.js模板

    vue.js模板语法 vue.js使用了基于HTML的模版语法,允许开发者声明式地将Dom绑定至底层vue实例的数...

  • Vue-模板语法

    模板语法 Vue.js 使用了基于 HTML 的模版语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的...

  • 模板语法

    Vue.js 模板语法 Vue.js 使用了基于 HTML 的模版语法,允许开发者声明式地将 DOM 绑定至底层 ...

  • Vue 模板语法

    模板语法 Vue.js 使用了基于 HTML 的模版语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的...

  • Vue.js 模板语法

    Vue.js 模板语法 Vue.js 使用了基于 HTML 的模版语法,允许开发者声明式地将 DOM 绑定至底层 ...

  • 2021备考:一文带你全面了解MPA

    2021考研,洪桥教育推出【一文带你全面了解】系列, 备考的入门信息,让你一文搞定 MBA专栏|一文带你全面了解M...

  • Vue render 以及createElement 解析

    Vue中的template 里面使用的模版是HTML语法组件的页面,在Vue中都会被编译成render函数,Vue...

网友评论

      本文标题:一文带你入门Vue之模版语法

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