Vue入门
第一步: 引入vue.js,其引入常见且简单的方法有两种
1、官网下载文件:https://cn.vuejs.org/v2/guide/installation.html,然后通过<script src="js/vue.js"></script>引入
2、CDN指向引入:<script src="https://unpkg.com/vue"></script>
第二步:确定一个目标容器
<div id="App"></div>
第三步: 实例化一个vue
var vm = new Vue({
el: "#App", //通过 "id" 指向目标容器
data: {
message: "我今天准备学习vue!",
}
});
第四部: 将data里面的数据添加到目标容器中
<div id="App">{{ message }}</div>
根据以上步骤你应该可以看到页面输出内容啦!