最近在学习vue,在此记下笔记。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>vue</title>
<script src="https://cdn.bootcss.com/vue/2.5.17-beta.0/vue.js"></script>
</head>
<!--
挂载点,模板,实例之间的关系
id为root的div为挂载点,vue实例下面的el对应的dom,vue只会注意挂载点下面的内容
挂载点内部的内容为模板, 也可以把模板写在vue实例的template
--><body>
<div id="root"> /*挂载点,通过vue实例的el匹配*/
</div><script>
/* vue实例*/
el:'#root',
template:'<h1>hello {{msg}}</h1>', /*模板*/
data:{
msg:"hello world"
}
})
</script>
</body>
</html>