蝈蝈领你玩--Vue.js前端库(二)

Vue中的模板

当我们创建一个Vue实例的时候,可以设置两个属性,el和template。其中el是用来设置挂载元素的,通常是一个CSS选择器。

   var model = {
          message:'Hello World'
    };
   new Vue({
        el:'#app',
        data:model
   })

template属性的作用是,将HTML内容插入到对应的挂载元素中。




    
    Title


{{ message }}

运行的结果是,template中的内容会替换挂载元素。

蝈蝈领你玩--Vue.js前端库(二)_第1张图片
image.png

由于将HTML、CSS及JavaScript模板直接定义到template属性中,以字符串形式来描述,不便于编写和调试。所以,Vue提供了将模板写入到

使用