vue.js 快速理解

vue.js是什么？

如下：

<div id="app">
    <div v-html="message"></div>
</div>
    
<script>
new Vue({
  el: '#app',
  data: {
    message: '<h1>hello world</h1>'
  }
})
</script>

新建的“Vue”,即为一个构造器；

el绑定的“app”,即为待操作的模块的ID；

v-html 为指令，指定对象的操作方式；

data里声明的“message”，为具体的操作内容。

常用指令：

 v-if：根据表达式的值(true 或 false )来决定是否执行

 v-htm：于输出 html 代码

 v-bind ：将该元素的 href 属性与表达式 url 的值绑定

 v-on:用于监听 DOM 事件

 v-model：实现双向数据绑定