Vue语法

vue

官网：http://cn.vuejs.org/
手册：http://cn.vuejs.org/v2/api/

常规写法

1、 var vm = new Vue() : 每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 根实例开始的

2、el: 挂载点，表示vue实例接管了对id=app的元素的控制

3、data: 数据

4、{ {msg}} : 模板中的文本插值，表示此处插入msg变量所存储的数据

<div id="app">{
   {
   msg}}</div>
    <script src="./vue/js/vue.min.js"></script>
    <script>
        var vm = new Vue({
   
           el:'#app',
           data:{
   
               msg:'Hello Boy'
           },
           methods:{
   }
        });

Vue语法:

v-html 可以解析标签

  <div id="app" v-html="msg"></div>
    <script src="./vue/js/vue.min.js"></script>
    <script>
        var vm = new Vue({
   
            el: '#app',
            data: {
   
                msg: '<h1>标签</h1>'
            },
            methods: {
   }
        });