![](https://img-blog.csdnimg.cn/20210714215428186.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
文章平均质量分 70
Vue笔记
王劭阳
这个作者很懒,什么都没留下…
展开
-
Vue笔记-目录
视频教程来自,分为Vue2和Vue3两部分。原创 2021-08-14 22:02:08 · 113 阅读 · 2 评论 -
Vue笔记01-Vue核心
Vue简介Vue是一个可以动态构建用户界面的渐进式前端框架,在设计上参考了MVVM模式,代码简洁体积小,运行效率快,适合移动/PC端开发,作者是尤雨溪。Vue中文官网Vue借鉴了Angular的模板和数据绑定技术,借鉴了React的组件化和虚拟DOM技术。Vue还有一些周边库:Vue-cli、Vue-resource、Vue-router等。初识Vue要想使用Vue,最简单的方式是直接用script标签引入Vue.js,可以通过cdn引入,也可以通过本地引入。要想让Vue工作起来,就需要有一个原创 2021-08-14 22:02:35 · 289 阅读 · 0 评论 -
Vue笔记02-Vue组件化编程
模块与组件、模块化与组件化在早期的前端开发中,HTML,CSS,JavaScript的引用关系是混乱的,给维护带来难度。Vue中有一个组件的概念:用来实现局部(特定)功能效果的代码集合。在Vue中,使用组件分为3步:定义组件、注册组件、使用组件。在定义组件的时候,使用Vue.extend(option)传入组件的配置,注意这里不要指定el,因为所有组件都被Vue实例对象管理,由实例对象中的el指明模板。组件中的data必须写成函数的形式,避免a组件修改data.x,影响到b组件中data.x的值。原创 2021-08-14 22:02:42 · 180 阅读 · 0 评论 -
Vue笔记03-使用Vue脚手架
初始化脚手架Vue脚手架是Vue官方提供的标准化开发工具,可以方便我们的开发任务。Vue的脚手架叫Vue CLI,CLI是command line interface的简称。要想使用Vue脚手架,需要全局安装@vue/cli,在安装之前,需要安装node.js。node.js下载地址设置淘宝镜像:npm config set registry https://registry.npm.taobao.org全局安装@vue/cli:npm install -g @vue/clicmd中跳转到需要创原创 2021-08-14 22:02:49 · 323 阅读 · 0 评论 -
Vue笔记04-Vue中的Ajax
解决开发环境中Ajax跨域问题在使用jQuery的时候,前后端交互通常使用$.ajax,但是会存在跨域问题。在jQuery中,有大量操作DOM的方法,但是在Vue中,我们不会主动操作DOM,所以配合Vue使用的时候,大多使用axios,使用npm i axios进行安装。首先使用命令node server1.js和node server2.js启动两个本地服务。在axios中,使用代理的方式解决了跨域问题。通过Vue-CLI的devServer.proxy配置可以看到两种配置方式。需要手动创建vue.原创 2021-08-14 22:02:54 · 505 阅读 · 0 评论 -
Vue笔记05-Vuex
Vuex概念Vuex是在Vue中实现集中式状态(数据)管理的一个Vue插件,对Vue应用中多个组件的共享状态进行集中式的管理(读/写),可以实现组件间通信,适用于任意组件间通信。当多个组件依赖同一状态、不同组件行为需要变更同一状态的时候,需要使用Vuex,也就是用Vuex来管理公共的变量或者数据。案例首先引出一个案例,这个案例是单组件,不使用Vuex来完成的。有一个Count.vue组件,组件中有几个按钮和一个显示当前数据的区域,通过按钮修改当前值并重新显示。在App.vue中引入Count..原创 2021-08-14 22:03:02 · 199 阅读 · 0 评论 -
Vue笔记06-VueRouter
路由简介Vue Router是Vue官方的路由管理器,专门实现SPA应用,即单页面应用。单页面应用的含义是,整个应用只有一个完整的页面,点击页面中的链接不会刷新整个页面,只会局部刷新,数据通过ajax请求获取,在页面局部刷新的时候,地址栏的url会跟着变化。一个路由就是一个key-value的映射关系,key为路径,value为function或component。路由分为前端路由和后端路由。前端路由:value为component,用于展示页面内容,浏览器路径改变的时候,对应的组件就会显示。后原创 2021-08-14 22:03:09 · 282 阅读 · 0 评论 -
Vue笔记07-VueUI组件库
移动端常用UI组件库VantCube UIMint UIPC端常用UI组件库Element UIIView UI原创 2021-08-14 22:03:14 · 204 阅读 · 0 评论 -
Vue笔记08-创建Vue3.0工程
访问:http://localhost:8080/查看项目。原创 2024-07-07 21:28:40 · 123 阅读 · 0 评论 -
Vue笔记09-常用Composition API
官方文档拉开序幕的setupsetup是Vue3中的一个配置项,它的值是一个函数。setup是所有Composition API(组合式API)的开始,在Vue2中使用的数据、方法等,都要配置在setup中,setup函数有两种返回值:返回一个对象,对象中的属性、方法、在模板中可以直接使用;返回一个渲染函数,可以自定义渲染内容。在Vue3中,尽量不要与Vue2混用。Vue2中的配置 (data、methods、computed等)可以访问到setup中的属性、方法,但是在Vue3中的setup不能访原创 2024-07-07 21:29:12 · 886 阅读 · 0 评论 -
Vue笔记10-其它Composition API
标记一个对象,使其永远不会成为响应式对象,当有些值没必要设置成响应式的时候,可以跳过响应式转换提高性能,例如复杂的第三方类库等。生成的响应式对象转为普通对象,用于读取响应式对象对应的普通对象,对这个普通对象的操作,页面都不会更新。如果有一个对象数据,后序不会修改对象中的属性,而是生成新的对象来替换:使用。// 只考虑第一层数据的响应式,在修改salary的时候,是修改不成功的。:只处理基本数据类型的响应式,不进行对象的响应式处理。// 浅层次的readonly,深层次的可以修改。原创 2024-07-07 21:29:45 · 800 阅读 · 0 评论 -
Vue笔记11-Composition API的优势
使用传统Options API中,新增或者修改一个需求,就需要分别在data,methods,computed里修改,而这些选项分布在代码的各个地方,中间还穿插着其他Optional API,如果代码量上来以后,修改会比较麻烦。原创 2024-07-07 21:30:43 · 260 阅读 · 0 评论 -
Vue笔记12-新的组件
是一个内置组件,用来在组件树中协调对异步依赖的处理。它让我们可以在组件树上层等待下层的多个嵌套异步依赖项解析完成,并可以在等待时渲染一个加载状态,需要结合异步依赖,才能看到效果。在Vue3中,可以没有div根标签,如果没有的话,Vue3会将多个标签包装在一个。在Vue2中,template标签内,必须有一个div标签,作为根标签。是一个内置组件,可以将一个组件内部的模板传送到该组件DOM外部的位置去。原创 2024-07-07 21:30:26 · 354 阅读 · 0 评论 -
Vue笔记13-其他
将全局API,从Vue.xxx调整到实例(app)上。原创 2024-07-07 21:31:00 · 197 阅读 · 0 评论