vuejs

Vuejs是是一个用于创建用户界面的开源JavaScript框架，也是单页应用的Web应用框架，需要用到Vue.js

Vue.js的基本格式如下：

<div id="app">
        <p>{{message}}</p>
        <p>{{10*10/25}}</p>
        <p v-html="message"></p>
        <p v-bind:title="message">先试试</p>
    </div>
    {{message}}
    <script>
        let vm = new Vue({
            el: '#app',
            data: {
                message: '<a href="#">this is a message</a>'
            }
        })
    </script>

在ID为"app"的div中，可以直接使用{{}}包裹data内的名称，也可以使用v-html输出,他们的区别在于使用v-html可以读取标签，使a、h1、h3等标签发挥作用。

同时vuejs中有部分功能相似却略有差别，如v-model和v-bind,v-show和v-if

v-model和v-bind

相同:都能够将vue内部数据渲染出去

不同:v-model与内部数据是互相影响的，一方改变，另一方也会跟着改变。 v-bind只能接收并输出vue内的数据，

v-show和v-if

都有隐藏标签的作用，但是v-show隐藏标签只是赋予标签一个display:none,仍然可以通过开发者模式找到，而v-if是直接将元素删除与添加。