文章 2023-02-06 来自:开发者社区

Vue学习-基础入门篇(三万字收藏篇)

前言本人准备大四,做一些项目学习一些新的技能,如果文章有写的不好的或者不对的地方欢迎评论或者私信指出,谢谢!欢迎参观本人的个人博客:https://linzyblog.netlify.app/一、Vue介绍1、Vue是什么Vue是一套用于构建用户界面的 渐进式框架 。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。2、Vue的特点(1) Vue 的核心库只关注视图层。(2) 不仅易....

Vue学习-基础入门篇(三万字收藏篇)
文章 2023-01-18 来自:开发者社区

VUE基础入门使用教程

第一个Vue程序.html<!--view层 ${} 变成了一个模板--> <div id="app"> <ul> <li><span v-bind:title="m">鼠标悬停几秒查看此处动态绑定的提示信息!</span> </li> <li>{{name}...

文章 2023-01-15 来自:开发者社区

vue中怎么使用ts -- 入门版

vue中怎么使用ts -- 入门版最近切换项目,当前项目是vue+ts,开始以为就是加个类型,打开文件一看,有点蒙,做个笔记记录下。这边是结合vue-property-decorator使用ts。使用ts的vue项目,和js项目结构是类似的,多了几个文件tsconfig.json: typescript配置文件,主要用于指定待编译的文件和定义编译选项shims-tsx.d.ts: 允许.tsx ....

文章 2023-01-13 来自:开发者社区

vue2升级到 Vue3的异同(入门须知)

vue2升级到Vue3的异同1.构建项目不一样, 具体查看 构建项目2.main.js 的不一样vue2 中的mian.js 里面导入的是vue 实例,vue 3中的main.js 如下的结构:注意: 由于vue3.0 使用的是 import {createApp} from ‘vue’ 而不是像vue2.0的import Vuefrom ‘vue’。因此之前使用的ui框架以及第三方包可能会因为....

vue2升级到 Vue3的异同(入门须知)
文章 2022-11-25 来自:开发者社区

Vue入门指北——modifier

前言在我们在进行开发的时候,往往会对当前点击事件进行限制,比如当我们需要按下回车键触发相应的method事件,并阻止默认的换行操作的时候,可能需要通过JavaScript判断相应的keycode,并且通过event.preventDefault()阻止他的默认行为。虽然说我们可以很轻松的实现这点,但更好的方式:方法只有纯粹的数据逻辑,而不是去处理 DOM 事件细节。而这一点也是vue官方所想看到....

文章 2022-11-25 来自:开发者社区

Vue入门指北——渲染函数和jsx

前言在进行vue的开发时,我们往往会遵从vue的规范,在template标签中编写html,在script标签中编写JavaScript,在style标签中编写css。但在有些情况下,尽管这种方式也可以实现我们想要的效果,但是可能编写的时候会比较麻烦,需要很多的判断,但是,如果他能和JavaScript联动起来,我想它肯定会变得更加高效。渲染函数比如我们有一个title组件:// title.v....

文章 2022-11-25 来自:开发者社区

Vue3入门指北(二)创建应用实例

前言在vue2中我们都知道vue应用实例只有一个,所有全局操作都在这个vue实例上进行的,比如用于组件通信的 EventBus等等,并通过new 一个 vue实例通过 $mount 挂载到dom节点,在进行渲染。不过在vue3变了,他不限制vue实例必须唯一了,允许创建多个,这对某些特殊场景是非常有用的。下面我们就来具体看看二者的差异。应用实例在vue2中创建vue实例并挂载是这样的:<d....

文章 2022-11-25 来自:开发者社区

Vue3入门指北(三)ref和reactive

前言在Vue2.x中,我们只需要通过在data选项中定义我们需要使用的数据,这些数据就会变成响应式的数据,使用的时候会动态响应。但是如果你在data中声明一个对象时,你会发现,你对对象的属性进行增加或者删除等操作时,在使用时并不会进行相应的更改的。而在vue3中对这一响应式行为,进行全新的修改。下面就让我们看看,在vue3中是对于响应式的处理是如何的。reactive()我们可以使用 react....

文章 2022-11-25 来自:开发者社区

Vue3入门指北(五)条件渲染

前言当我们想要条件性的渲染模板内容的时候,我们可以通过v-if这个指令来实现,当指令里面的表达式返回真值时进行渲染。如果你熟悉vue开发的话,你会发现这个指令非常好用,而且在某些场景下,能起到很好的优化效果。template通常情况下,我们会把v-if指令应用在某个标签上。但是如果我们有多个节点都要用到这个指令的时候,我们就可以把这些放在template标签中,把v-if应用在template标....

文章 2022-11-25 来自:开发者社区

Vue3入门指北(六)列表渲染

前言当我们有一个基于数组的列表数据,想让他在模板中进行渲染时,vue提供了一个v-for指令,来让我们进行遍历操作,你可以把他理解为JavaScript中的for循环。指令的值 为item in items的形式,其中items是数据源,而item则是迭代的对象。当然我们也可以写成item of items的形式,着也更解决 迭代器的语法,这也是 vue 官方更推荐的。<div v-for....

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等

登录插画

登录以查看您的控制台资源

管理云资源
状态一览
快捷访问