本文介绍了一个简单的Vue.js实例，展示了如何使用Vue创建DOM元素并显示动态数据。通过一个示例，我们了解了Vue实例的基本配置，包括挂载点、模板和数据属性。
最近在学习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>
扫一扫
244
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
