美文网首页
Vue的模板语法

Vue的模板语法

作者: 悄敲 | 来源:发表于2019-02-10 21:31 被阅读0次

(1)插值表达式,即在dom元素标签内以{{ msg }}的形式表示(如<div> {{msg}} </div> ,msg源于Vue实例中的data),将数据解释为普通文本,而不是html代码,结果会将msg代表的数据(如"<h2> dell </h2>")以原始形式呈现在页面上。("<h2> dell </h2>")

 (2)  v-text:用法为v-text=''msg",此处"msg"并不表示字符串,而是js表达式(如v-text="msg + ' hello' ")。在页面上的呈现结果是以文本形式,类似插值表达式。

(3)v-html: v-html="msg",将msg中的数据处理为html元素(如"<h2> dell </h2>",在页面上显示为dell(以h2标题格式)。

更多模板语法后续学习更新。

相关文章

  • Vue初学-模板语法

    模板语法 Vue使用了基于HTML的模板语法,语序开发这声明式将dom绑定在底层Vue实例的数据。Vue的模板都是...

  • 《二》、Vue核心——基本使用

    一、Vue的基本使用 1、编码 2、理解 Vue 的 MVVM 3、模板语法 (1)、模板语法的理解  Ⅰ、动态的...

  • VUE指令

    vue实例 创建.vue文件 模板语法 Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DO...

  • vue基础语法

    vue常用基础语法: 一、模板语法 1.vue使用基于html的模板语法,智能计算出最少需呀重复渲染的组件;2.数...

  • 模板语法

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

  • Vue.js模板语法

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

  • Vue学习的第三天

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

  • Vue.js学习笔记(3)

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

  • 模板语法、条件、循环

    模板语法 vue的特点就是,可以使用简洁的模板语法将数据声明似的渲染进DOM系统。常见模板语法有:插值:{{}}输...

  • 模板语法

    模板语法