![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
小陈码上努力
这个作者很懒,什么都没留下…
展开
-
什么是Mixin?如何使用Mixin 定义mixin
Mixins(混入):当我们存在多个组件中的逻辑或者配置(数据或者功能很相近),我们就可以利用mixins将公共部分提取出来,通过 mixins封装的函数,且组件调用他们是不会改变函数作用域外部。减少代码冗余度,也可以让后期维护起来更加容易。注意:提取的是逻辑或配置,而不是HTML代码和CSS代码。Mixins(混入):官网解释请看这里https://v2.cn.vuejs.org/v2/guide/mixins.html。原创 2022-12-21 20:23:08 · 3746 阅读 · 0 评论 -
使用vite创建vue3项目
文档: https://v3.cn.vuejs.org/guide/installation.htmlvite 是一个由原生 ESM 驱动的 Web 开发构建工具。在开发环境下基于浏览器原生 ES imports 开发,它做到了本地快速开发启动, 在生产环境下基于 Rollup 打包。快速的冷启动,不需要等待打包操作;即时的热模块更新,替换性能和模块数量的解耦让更新飞起;真正的按需编译,不再等待整个应用编译完成,这是一个巨大的改变。原创 2022-12-21 11:57:06 · 210 阅读 · 0 评论 -
路由的基本使用
3 在实例化的对象里配置属性routes:[],这个数组里的对象包含path属性和component属性。1 引入js文件,这个js需要放在vue的js后面,自动安装(提供了一个VueRouter的构造方法)4 path属性是url的地址,component属性就是显示的组件(传组件的对象)2 创建路由new VueRouter(),接受的参数是一个对象。5 创建的路由需要和vue实例关联一下。6 路由到的组件显示在哪个位置。原创 2022-11-20 20:39:23 · 193 阅读 · 0 评论 -
过滤器的使用
【代码】过滤器的使用。原创 2022-11-06 23:58:49 · 47 阅读 · 0 评论 -
VUE组件的嵌套
定义有getter和setter的计算属性。默认只有getter的计算属性。监听data中属性的改变。原创 2022-11-04 22:04:30 · 675 阅读 · 0 评论 -
Vue中路由的使用
1 后端路由:对于普通的网站,所有的超链接都是URL地址,所有的URL地址都对应服务器上对应的资源2 前端路由:对于单页面应用程序来说,主要通过URL中的hash(#号)来实现不同页面之间的切换,同时,hash有一个特点:HTTP请求中不会包含hash相关的内容;所以,单页面程序中的页面跳转主要用hash实现;3 在单页面应用程序中,这种通过hash改变来切换页面的方式,称作前端路由(区别于后端路由)通过query的方式在url后加?参数名=参数的值获取参数:$route.query.参数名原创 2022-11-03 21:49:05 · 140 阅读 · 0 评论 -
子组件传值父组件
父组件有自定义的参数,可以传入event也可以拿到子组件传递的数据。通过event只能传递第一个参数。父组件这个方法没有自定参数,在父组件的方法直接加这个参数就可以拿到。1.给父组件中给引用的子组件注册一个事件(这个事件是自定义的)1.emit方法第二个参数可以定义子组件给父组件传递的内容。2.子组件可以触发这个事件$emit(‘事件名字’)2.在父组件中怎么拿到这个内容。原创 2022-11-02 22:34:14 · 450 阅读 · 0 评论 -
VUE全局组件定义的四种方式
h1>登录原创 2022-11-01 21:46:03 · 337 阅读 · 0 评论 -
vue生命周期
从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期!原创 2022-10-31 23:56:40 · 45 阅读 · 0 评论 -
VUE小结 day02
● 点击这个按钮之后为什么会进行页面的刷新,因为这个按钮是定义在表单里的,所以点击这个按钮会触发表单的提交,这个时候可以组织按钮的默认事件。■ {{变量 | 过滤器 | 另一个过滤器}} 可以同时使用多个过滤器,后面过滤器的data就是前面表达式传过来的值。filters这个是实例化Vue的一个参数,和data,methods平级的,里面放的就是我们这个实例的私有过滤器。● 绑定事件的方法可以加括号也可以不加,加上括号之后可以给这个方法传递参数。参数:过滤器的名字和过滤器执行函数。■ 获取删除元素的索引。原创 2022-10-28 21:59:29 · 60 阅读 · 0 评论 -
VUE-基础使用1
(1)Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。(2)Vue.js 是前端的主流框架之一,和Angular.js、React.js 一起,并成为前端三大主流框架!原创 2022-10-27 23:29:30 · 81 阅读 · 0 评论