学习Vue第一天

1.导入Vue.js包


导入包



2.创建一个Vue的实例

var vm = new Vue({

            el:'选择的dom元素',//要控制页面上的那个区域

        data:{

            //data 属性中,存放的是 el 中要用到的数据

        }

    })

通过 Vue 提供的指令,很方便的把数据渲染到页面上,程序员不再手动操作DOM元素【前端Vue之类的框架,不提倡我们去手动操作DOM元素了】

在html结构中使用 "{{}}"作为表达式,直接填入data中存储的变量就可以渲染出变量内的数据。tips:类似于jsp中的<%= %>



例子:



结果:



学习总结:感受到了Vue的便利性,不需要操作DOM确实方便了很多。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。