vue基本语法入门

首先定义模板区域

<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转意输出