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

Vue的学习笔记

1.Vue.js为主流的前端框架,出现的问题:在这之前需要手写js代码,浏览器兼容问题较大,后来jquery解决了这个问题,但是需要渲染页面很麻烦,如渲染表格追加dom中的标签。dom操作较多,提高渲染效率,双向数据绑定,只需要关心数据的业务逻辑。不必关心dom如何渲染。2.Vue使用步骤1.导入vue的包,创建实例<script> var vm = new Vue({ ...

文章 2022-10-30 来自:开发者社区

Vue学习笔记06

1. 收集表单数据收集表单数据:若:&lt;input type="text"/&gt;,则v-model收集的是value值,用户输入的就是value值。若:&lt;input type="radio"/&gt;,则v-model收集的是value值,且要给标签配置value值。若: &lt;input type="checkbox" /&gt;没有配置input的value属性,那么收集的就....

文章 2022-10-29 来自:开发者社区

Vue学习笔记05

1. 数据监测原理问题:修改data数据vue无法监测到改变。执行以下方法修改数组里第一个对象的时候页面不会改变。vue没有检测到值的变化。<script> new Vue({ el: '#root', data() { return { persons: [{ ...

文章 2022-10-29 来自:开发者社区

Vue学习笔记04

条件渲染v-if 写法: (1). v-if="表达式"(2). t-else-if="表达式"(3). v-else="表达式"适用于:切换频率较低的场景。 特点:不展示的DOM元素直接被移除。 注意:v-if可以和:v-else-if、v-else一起使用,但要求结构不能被"打断”。v-show 写法:v-show="表达式" 适用于:切换频率较高的场景。 特点:不展示的DOM元素未被移除,....

文章 2022-10-29 来自:开发者社区

Vue学习笔记03

1.监视属性基本监视watch:当被监视的属性变化时,回调函数自动调用,进行相关操作。监视的属性必须存在,才能进行监视!!监视的两种写法:new Vue时传入watch配置通过vm.$watch监视<script> new Vue({ el: '#root', data() { return { ...

文章 2022-10-29 来自:开发者社区

Vue学习笔记02

1. 事件基本使用使用v-on:xxx或@xxx绑定事件,其中xxx是事件名;事件的回调需要配置在methods对象中,最终会在vm上;methods中配置的函数,不要用箭头函数!否则this就不是vm了;methods中配置的函数,都是被Vue所管理的函数,this的指向是vm或组件实例对象;@click=“demo”和@click="demo($event)"效果一致,但后者可以传参;事件修....

文章 2022-10-29 来自:开发者社区

Vue学习笔记01

vue简介vue是一套用于构建用户界面的渐进式JavaScript框架。渐进式:Vue可以自底向上逐层的应用。特点:采用组件化模式,提高代码复用率、且让代码更好维护。声明式编码,让编码人员无需直接操作DOM,提高开发效率使用虚拟DOM+优秀的Diff算法,尽量复用DOM节点。模板语法插值语法:用于解析标签体内容<div id="app"> <h1>{{name}...

Vue学习笔记01
文章 2022-10-28 来自:开发者社区

Vue 课程介绍|学习笔记

开发者学堂课程【Vue.js 入门与实战:Vue 课程介绍】学习笔记,与课程紧密联系,让用户快速学习知识。课程地址:https://developer.aliyun.com/learning/course/586/detail/8123Vue 课程介绍在 Vue 课程学习里总共有10天的课程。前五天:学习 Vue 基本的语法和基本概念;只有基础概念了解之后才能进行后面的项目学习。同时还会学到一个....

文章 2022-10-28 来自:开发者社区

过滤器-Vue 中全局过滤器的基本使用|学习笔记

开发者学堂课程【Vue.js 入门与实战:过滤器-Vue 中全局过滤器的基本使用】学习笔记,与课程紧密联系,让用户快速学习知识。课程地址:https://developer.aliyun.com/learning/course/586/detail/8146过滤器-Vue 中全局过滤器的基本使用内容简介:一、 过滤器的概念二、 过滤器的定义三、 过滤器的基本使用 一、过滤器的概念表格中....

过滤器-Vue 中全局过滤器的基本使用|学习笔记
文章 2022-10-26 来自:开发者社区

组件切换-使用 Vue 提供的 component 元素实现组件|学习笔记

开发者学堂课程【Vue.js 入门与实战:组件切换-使用 Vue 提供的 component 元素实现组件】学习笔记,与课程紧密联系,让用户快速学习知识。课程地址:https://developer.aliyun.com/learning/course/586/detail/8181组件切换-使用 Vue 提供的 component 元素实现组件目录:一、component 实现组件二、总结&am...

组件切换-使用 Vue 提供的 component 元素实现组件|学习笔记

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

阿里巴巴终端技术

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

+关注