【Vue.js学习】一、资源的下载和HelloWorld
一、Vue.js下载
二、编译器准备
三、HelloWorld实现
- Vue.js编程范式:声明式编程,好处:前后端完全分离
- 在Vue.js中,使用let(变量)/const(常量)
- 引入Vue.js,编写一个HelloWorld
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="../js/vue.js"></script>
</head>
<body>
<div id="app">
<h2>{{message}}</h2>
<h1>{{name}}</h1>
</div>
<!--Vue.js编程范式:声明式编程-->
<!--好处:前后端完全分离-->
<script>
//在Vue.js中,使用let(变量)/const(常量)
const app = new Vue({
el:'#app', //用于挂载要管理的元素
data:{ //定义一些数据
message:'Hello Vue.js',
name:'Hello'
}
})
</script>
</body>
</html>
ok