1、实现效果

2、实现源码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>vue.js</title>
<script src="vue.min.js"></script>
</head>
<body>
<div id = "app">
<p>{{ message }}</p>
</div>
<script>
new Vue({
el:"#app",
data : {
message : "Hello Vue.js!I'm Christine!"
}
})
</script>
</body>
</html>
3、vue.js包的引入和下载
1、我喜欢在菜鸟教程上面下载这些:
http://www.runoob.com/vue2/vue-install.html
2、Vue的官网 https://vuejs.org/
网友评论