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：实现双向数据绑定