1.导入Vue.js包
导入包
2.创建一个Vue的实例
var vm = new Vue({
el:'选择的dom元素',//要控制页面上的那个区域
data:{
//data 属性中,存放的是 el 中要用到的数据
}
})
通过 Vue 提供的指令,很方便的把数据渲染到页面上,程序员不再手动操作DOM元素【前端Vue之类的框架,不提倡我们去手动操作DOM元素了】
在html结构中使用 "{{}}"作为表达式,直接填入data中存储的变量就可以渲染出变量内的数据。tips:类似于jsp中的<%= %>
例子:
结果:
学习总结:感受到了Vue的便利性,不需要操作DOM确实方便了很多。