首先定义模板区域

<div id="box">

　　{

{msg}}

</div>

var c=new Vue({

　　el:'#box', //选择器 class tagName

　　data:{

　　　　msg:'welcome vue'

　　}

});

new 一个vue实例,通过el属性找到需要显示的模板区域,将需要显示的值放到data中,以{

{}}显示出来

注意：el对应的元素不一定是id去选择，可以是id,class,html,body,只要是元素，都可以进行绑定

 

{

{msg}} 数据更新模板变化

{

{*msg}} 数据只绑定一次

{

{

{msg}}} HTML转意输出