Vue.js模板语法

  • v-html 指令用于输出 html 代码

<div id="app">
    <div v-html="message"></div>
</div>
    
<script>
new Vue({
  el: '#app',
  data: {
    message: '<h1>哈哈</h1>'
  }
})
</script>
  • HTML属性中的值应使用v-bind指令

  • v-if 指令将根据表达式 seen 的值(true 或 false )来决定是否插入 p 元素。

  • v-for

  • v-model为页面输入框进行数据绑定

  • v-on为页面元素绑定各种事件(keydown,keyup,click,dbclick,load,etd.)

  •  v-bind主要用于属性绑定

 

posted @ 2017-11-05 15:20  theshine  阅读(132)  评论(0编辑  收藏  举报