Vue学习
vue第一个案例
vue.js 开发版本
vue.min.js 生产版本(压缩版)
第一个案例:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="./js/vue.js" ></script>
</head>
<body>
<div id="root">
hello world! {{name}}
</div>
<script type="text/javascript" >
new Vue({
el: '#root',
data:{
name: "郭大帅"
}
})
</script>
</body>
</html>
注意:
1.容器和VUE实例是一对一的关系。
2. {{}}双括号里面只能写js表达式和js语句,比如{{Date.now()}}
3. root容器中的代码成为模板
很希望自己是一棵树,守静、向光、安然,敏感的神经末梢,触着流云和微风,窃窃的欢喜。脚下踩着最卑贱的泥,很踏实。还有,每一天都在隐秘成长。