我所理解的Vue——学习心得体会1(Vue对象)

初学Vue,总结如下:

1、首先要区分html的dom和js的dom

2、html的dom是View的范畴,js的dom是Model的范畴。

3、vue这库就是创建了伟大的new Vue()对象,把html的dom的范畴与js的dom范畴关联在一起,通过el这个属性,把js的dom与html的dom关联在一起了。

-----------------------------------

谈谈我对vuejs的组件的认识。

最开始的定义组件的方法,虽然有点复杂,但利于容易理解。请按照下面注解顺序阅读。

<div id="box">
                 <!-- 4、通过在html的dom标签,Vue对象渲染出js的dom内容-->
        <aaa></aaa>
    </div>

<script>
               //1、通过继承Vue生成js的dom模板对象
        var Aaa=Vue.extend({
            template:‘<h3>我是标题3</h3>‘
        });
        //2、通过Vue对象的组件方法把html的dom标签与js的dom模板对象关联一起
        Vue.component(‘aaa‘,Aaa);
            //3、通过Vue对象实例把html的dom与js的dom模型关联在一起
        new Vue({
            el:‘#box‘,

        });

    </script>

通过上面js定义dom->标签注册->html的绑定->Vue对象的渲染,就在html中产生了js的dom视图

上面代码可以简化为如下:直接在Vue.compoent方法里面定义js的dom描述

<div id="box">
    <aaa></aaa>
</div>
<script>
    Vue.compoent(‘aaa‘,{
     template:‘<h3>welcome to here</h3>‘
});
 new Vue({
 el:‘#box‘
});
</script>

---------------------------------------

**关于组件里面的数据必须是函数形式出现,且返回的数据必须是对象(即json)

时间: 2024-10-21 14:20:27

我所理解的Vue——学习心得体会1(Vue对象)的相关文章

工程造价学习心得体会

工程造价专业人员自身的学习和提高.从总体上看,目前我们工程造价行业的人员素质离社会的要求还有距离.因此,我们应该抓紧学习,跟上时代的步伐.除了对本专业的知识进行更新提高外,还应该结合工作广泛了解和初步掌握有关的工程技术专业知识.只有对工程内容有比较全面的掌握,才能做好工程造价控制工作.试想,如果我们对编制造价的工程都不甚了解,对其专业知识非常模糊,又怎么能够进行投资的控制呢?工程造价从业人员首先应该是本专业的专家,同时也应该是工程方面的行家.只有高水平的人才才能够编制出高水平的工程造价.专业的地

Python学习心得:类与对象

教材:<简明Python教程> Python面向对象: 如shell这种面向过程的程序都是通过"操作数据的函数"或者"语句块"来设计函数. python的程序(面向对象): 类是一个"class"类型,对象是类中的一个实例. 类的属性包括了:域和方法.(即变量和函数) 属于一个对象或类的变量被称为域,一个定义在类中的函数,叫做类的方法. 类使用关键字"class"来创建.域和方法放在同一个缩进块中. 1.域有两种:

薛大龙博士-信息系统项目管理师培训班学习心得体会

首先,非常庆幸本人通过了2016年上半年信息系统项目管理师考试,自己的辛苦付出没有白费. 本人在IT公司工作近10年,主要负责团队管理.项目管理等工作,2016年决定报考信息系统项目管理师,由于平时工作非常忙,考试也有一定的难度,为了保证能够顺利通过考试,我有幸找到了51CTO学院,更有幸结识了薛老师,参加了薛老师的软考培训班,现在把自己的一些心得体会分享给大家,仅供参考. 1.信息系统项目管理师考试有一定的难度,并且答题也需要有套路,如果单靠自己学习教材,通过考试还是有难度,因为我们学习的时间

Echarts的使用和学习心得体会

因为项目的原因,最近学习了Echarts插件,在开发过程中碰见许多的问题.问题大多数都是些无足轻重的,在这里主要是想把自己在学习期间的心得感悟写出来,以便大家参考和学习. 一.Echarts的下载方式 百度有两处下载地方,并有与之对应的API文档和实例等. 1.echarts.min.js            下载地址:http://echarts.baidu.com/download.html    如下图: 可以根据自身需求选择不同的版本,因为后期的升级等,我下载的是完整版. 2.echa

vue学习二:用 Vue.js + Vue Router 创建单页应用的几个步骤

通过vue学习一:新建或打开vue项目,创建好项目后,接下来的操作为: src目录重新规划——>新建几个页面——>配置这几个页面的路由——>给根实例注入路由配置 src目录重整 在项目中创建如下对应的文件 ├── App.vue // APP入口文件 ├── api // 接口调用工具文件夹 │ └── index.js // 接口调用工具 ├── components // 组件文件夹,目前为空 ├── config // 项目配置文件夹 │ └── index.js // 项目配置文

关于C#的学习心得体会

1·多看多写 多看网上成熟的demo,养成一个良好的代码编写习惯,将终生受益 2·多编多敲 看了代码,理解demo中的思路,灵活运用到自己的代码中,这样不仅了解了别人的代码,同时还了解了代码的执行过程,而并非简单的照抄. 3·简单编程 不要一开始就想要写复杂的代码和逻辑,这样会削弱自信心,从最基本的学起,感受代码带来的快乐和成就感,更能激发自己对于编程的兴趣. 4·多多交流 学会"面像百度编程",多学习别人的经验,多与同行沟通与交流,任何人身上都有我们所值得学习的优点,可能是编程习惯,

Github学习心得体会

https://github.com/Accredit/TEST 在本学期第一次接触Github,在系统的学习了Github的使用之后,自己对Github有了一个基本的使用了解.在这个过程中,自己也认识到了Github的使用方便.在学习的过程中,对自己以前学习过的程序代码有了一个复习的过程,对程序代码的书写有了更好的理解,也 认识到了自己的不足,对以后的学习有一个提示和帮助,收获挺多,尤其是学习到了Github的作用,拓展了自己的见识,学到了很多.

课程学习心得体会

当看到课程表有软件工程导论大的时候,就觉得好奇,这是一门什么样的课程.如今已学了一个学期的这门课了,虽然不能说完全掌握全部内容,但也知道了软件工程导论的大概了,说来惭愧,觉得学习的时候它很抽象,虽然理解起来不难,思路清晰就好,但是它不像软件那样,学了用了就会了,它是让人摸不着头脑让人很迷茫的感觉. 经过老师的讲解,我理解到这门课就是一套用于软件的团队开发,以提高软件质量和程序员工作效率为目的的规范,当然 在学习过程中,知道了团队合作十分重要,争议固然存在,但通过讨论.协商,群策群力, 在不断磨合

学习心得体会

今天学习了第二部分"表单".相较于昨天的课程,稍微加了难度,对于零基础的我来说,还需要消化吸收. form里边常见属性如name.method.action,文本输入呢则通过input包括txt.password.hidden等.按钮包括reset.button等.老师为了让我们更全面的掌握,让我们通过表格来制作登录注册界面,还是挺麻烦的,不熟练弄一下午也没达到很好的要求. 明天继续努力,课后好好整理,好好练习. <form>