vuejs是API吗

vuejs不是API。vuejs是一套用于构建用户界面的渐进式JavaScript框架,旨在更好地组织与简化Web开发。而API是指应用程序编程接口,是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力。

vuejs是API吗

本教程操作环境:windows7系统、vue2.9.6版,DELL G3电脑。

vuejs不是API。

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架,旨在更好地组织与简化Web开发。 与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。

Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用(SPA)提供驱动。

立即学习“前端免费学习笔记(深入)”;

Vue.js 还提供了 MVVM 数据绑定和一个可组合的组件系统,具有简单、灵活的 API,其目标是通过尽可能简单的 API 实现响应式的数据绑定和可组合的视图组件。

API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。

vuejs中的一些API

vm指new Vue获取的实例

(1)当dom标签里的值和data里的值绑定后,更改data对应的值可以实时更新标签里的值;

但后续添加的值是无效的(绑定失败)。

(2)将可以将对象直接作为data的一个属性,是有效的(因为对象按值传递);

所以该属性和该对象是全等的;

(3)vm的接口有:

vm.$data是vm的data属性;

vm.$el是el属性指向的dom结点;

vm.$watch是监视属性变化(比如data里的值)(参照(九))

(4)vue实例的声明周期,有几个关键函数:

created:事件绑定结束后,函数直接在声明vue实例的时候,作为vue实例中的一个属性,下同。

vm.$mount:挂载dom结点;

beforeCompile:加载模板之前;

compiled:加载模板之后;

ready:完成之后(我猜的);

beforeDestroy:摧毁之前;

destroyed:摧毁之后;

(5)vm.$mount(挂载的id或者类名)

在new Vue实例的时候,不加el,则表示不挂载只生成,生成之后,可以通过该方法来手动挂载到某个地方,如果符合条件的有多个,则挂载到第一个地方;

(6)v-for遍历数组、对象,可以创建多个标签;比如用于创建表格;

(7)转义:{{}} 两个大括号,不会转义值的html标签;

{{{}}}  三个大括号,会将值的html标签转义,即变为html文本;

不能在值内再放入绑定数据(除非使用partials,但我还不会);

(8)在插值的大括号内,可以放入表达式(不能放函数);

(9)在插值的大括号内,加入管道符|,可以使用过滤器;

       capitalize就是将首字母大写的过滤器;

       过滤器只能放在表达式最后,不能成为表达式的一部分;

       过滤器可以加参数;

       过滤器可以自定义(但目前还不知道自定义的方法);

(10)指令:

v-if=”变量名”           当某个值为true时存在;

       v-bind:属性名=”变量名”             将等号后的变量名(指向vm的data属性里的同名属性),和该标签的html属性绑定在一起。

       v-on:事件类型=”函数名”            触发事件类型时,执行methods里的函数;

       v-on的缩写是@;v-bind的缩写是:(冒号);

(11)计算属性computed

       这里的属性,可以当做data属性里的使用;优点是data里的数值变更时,这里会跟着一起改变;

       可以使用更复杂的表达式(插值里只能使用简单的表达式);

(12)计算属性的setter和getter

默认是getter(对象的get属性),即当某个值改变时,触发回调函数(或get方法);

当计算属性改变时,需要改变某些值(比如改变10个值,在其他地方写监听这个值就不好),那么则需要设置setter(对象的set属性),即当计算属性改变时,触发set方法;

(13)监视属性vm.$watch(被监视的属性, 回调函数)

       监视的是data属性;

回调函数的第一个参数是改变后的值,第二个参数是改变前的值;

       属性的值改变时触发;

(14)class绑定:

       用v-bind:class

       class使用对象形式,key为class类名,值表示是否显示这个class类;

       可以直接将一个object对象放置在v-bind:class的值中,并将这个对象放置在data属性中,这样设置这个object对象的属性即可;

       class的数组写法:数组里的成员为变量名,如果该变量不是object对象,则变量的值为类名;如果是对象时,对象的key是类名,值表示是否显示;

(15)style绑定:

       用v-bind:style

       形式是一个对象,对象的key是样式名(如fontSize,注意样式名需要采用驼峰式而不是css式),值是样式的值;

       可以直接将对象名放在v-bind:style的等式右边;

       对象的值改变,将实时影响内联样式;

       对于某些样式,可以针对浏览器加前缀(但某些不能对所有浏览器兼容);

相关推荐:《vue.js教程》

以上就是vuejs是API吗的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2946653.html

(0)
上一篇 2025年3月11日 22:47:34
下一篇 2025年3月11日 19:09:49

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • vuejs中的失去焦点事件是什么

    vuejs中的失去焦点事件是“@blur”,当元素失去焦点时会触发该事件,使用方法:在标签模板中添加“@blur=”事件处理函数””语句绑定事件,使用JavaScript设置触发事件时需要执行的代码即可。 本教程操作…

    2025年3月11日
    200
  • vuejs缺点是什么

    vuejs缺点:1、不缺入门教程,但缺少高阶教程、文档以及书籍;2、Vue不支持IE8;3、生态系统不够完善;4、社区不够大,活跃性较低,无法提供多样性的解决方案和更多的选择;5、可扩展性稍差等等。 本教程操作环境:windows7系统、v…

    2025年3月11日
    200
  • vuejs一定要装nodejs吗

    vuejs不一定要装nodejs。使用Vue有两种方式:1、利用vue-cli搭建vue项目,此时需要用到nodejs;2、创建一个html文件,在该文档中使用script标签引入“vue.js”文件,这样就用不到node,也就不需要安装。…

    2025年3月11日
    200
  • vuejs中挂载是什么意思

    虚拟dom与真实dom建立关系,让Vue实例控制页面中的某个区域的过程,称之为挂载。挂载的方式有:1、通过“el:’css选择器’”语句进行配置;2、通过“Vue实例.$mount(“css选择器&#82…

    2025年3月11日
    200
  • vuejs如何使用less

    方法:1、安装less依赖;2、修改“webpack.config.js”文件,配置loader加载依赖,让其支持less;3、在需要的页面中添加“less代码”语句即可。 本教程操作环境:windows7系统、vue2.9.6版,DELL…

    2025年3月11日
    200
  • vuejs怎么加载echarts

    方法:1、使用“npm install echarts vue-echarts”语句安装vue-echarts;2、在“main.js”文件中引入vue-echarts模块;3、在需要的界面中,根据需要添加echarts代码即可。 本教程操…

    2025年3月11日
    200
  • vuejs有什么优势

    vuejs的优势:1、可以进行组件化开发,减少代码编写量;2、可以对数据进行双向绑定;3、可编写响应式界面,使网页在各种设备上都能显示出非常好看的效果;4、Vue使用路由不会刷新页面。 本教程操作环境:windows7系统、vue2.9.6…

    2025年3月11日
    200
  • vuejs和angularjs有什么区别

    区别:1、angularjs上手难,而vuejs简单易学;2、angular的指令是“ng-xxx”,而vue是“v-xxx”;3、angular的所有指令和方法都是绑定在$scope上的,而vue的所有方法和指令都绑定在vue实例上。 本…

    2025年3月11日
    200
  • vuejs和php的区别是什么

    vuejs和php的区别:1、Vue是一套JavaScript框架;而PHP是一种脚本语言。2、Vue主要用于构建用户界面,可以做单页面应用程序开发;而PHP主要用于Web开发,可以做网站开发、APP后台开发等。 本教程操作环境:windo…

    2025年3月11日
    200
  • vuejs和React是什么

    vuejs是一套用于构建用户界面的渐进式JavaScript框架;Vue的核心库只关注视图层,方便与第三方库或既有项目整合。react是Facebook推出的一个声明式,高效且灵活的用于构建用户界面的JavaScript开发框架。 本教程操…

    2025年3月11日
    200

发表回复

登录后才能评论