案列一:对Vue有基本的认识
2021-02-20,118
第一个案列:Hello Vue.js
<body>
<div id="app">{{message}}</div>
<script src="../js/vue.js"></script>
<script>
// let(在Es6中用于定义变量)/const(用于定义常量)
//编程范式:声明式编程
const app = new Vue({
el:'#app',//用于挂载要管理的元素
data: {//定义数据
message:'Hello vue.js'
}
});
// 原始js的做法(编程范式:命令式编程)
// 1.创建div元素,设置div属性
// 2.定义一个变量叫message
// 3.将message变量放在前面的div元素中显示
// 4.修改message的数据:今天天气不错
// 5.将修改后的数据再次替换到div元素
</script>
</body>