Vue2.0功能
vue2.0
GllWyz
你所见即我,好与坏都不反驳
展开
-
vue开发环境、正式环境的配置及原理
可以通过npm run dev(开发环境) npm run build(正式环境)进行判断是生产环境还是正式环境。(1)自动生成的build > webpack.base.conf.js中:(代码太多只截取了部分需要的代码)1.2、配置开发环境和正式(生产)环境环境,为了我们发的请求可以自动识别是开发还是正式(生产)(3)自动生成的build > webpack.prod.conf.js是正式环境的配置。(2)自动生成的build > webpack.dev.conf.js是开发环境的配置。原创 2018-08-06 15:15:34 · 10242 阅读 · 11 评论 -
图片上传 axios
【代码】图片上传 axios。原创 2018-03-13 10:07:32 · 4670 阅读 · 2 评论 -
【Vue.$delete】 删除
参考文献:vue官网。原创 2019-06-03 17:30:30 · 9320 阅读 · 1 评论 -
【Vue.filter】vue搜索(方法二)
因为公司断网了,看到了filter随手写了一下,因为没有太多技术含量,考虑了一下要不要放上来,但是想到我刚入门的时候就一直想找到这种不是很深奥,中规中矩的代码,所以写了下来,给刚入行的朋友参考。参考文献:vue官网。原创 2019-06-03 17:14:44 · 1068 阅读 · 1 评论 -
assets static
static:打包的时候不会比编译,只是被拷贝到了dist下面的static文件夹,直接引用。assets:打包的时候,会被编译,被webpack打包进你的代码里。assets:一般来说,放属于该项目的资源文件。static:里面放一些第三方库的文件。动态图片的使用:必须使用require。原创 2019-01-10 19:56:14 · 675 阅读 · 1 评论 -
Vue Computed中get 和set讲解
没有点击点击事件之前,页面的输出:可以看到,在没有进行任何操作之前getter就会自动执行,页面中的fullName已经改变。只有当computed监测的值变化的时候,也就是我下面例子中的fullName变化的时候,set才回被调用。点击过点击事件之后,调用乐set,便可以进行操作了。上面的点击事件,改变fullName的值。原创 2019-05-23 14:48:05 · 57646 阅读 · 4 评论 -
【Vue + 百度地图】Vue中对不同地图的选择
项目需要:在vue项目中加入百度地图,花费了一上午的时间,最后总结如下:第一种:百度地图JavaScript API文档【JavaScript API在vue中的具体使用方法,在我的另一篇博客中有介绍,博客链接在下方】简介:百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口,是百度目前为止最功能插件最齐全的一个有关地图的网站官方地址:http:/...原创 2019-06-13 20:09:00 · 5919 阅读 · 1 评论 -
【Vue.$nextTick】数据完全响应之后才会进行的操作
一、功能在修改数据之后会立即使用这个方法,获取更新后的 DOM。有时候你新更新了数据,但是数据响应还没有完全,要是这个时候去操作的话就会报错,nextTick是我认为对解决这类问题的最好的方法二、检测nextTick运行的时间HTML:<template> <div> <ul> <li class="oneli" ...原创 2019-05-31 16:41:31 · 2754 阅读 · 1 评论 -
vue 滚屏
竖屏整屏鼠标滚动,鼠标下滑或者上滑一次就会滚动一个页面【没有使用插件,网上也有比较充足的有关vue滚屏的插件不想手写的也可以去用插件实现,我看着比较麻烦就弃用了】原创 2019-11-28 12:49:08 · 1247 阅读 · 1 评论 -
路由跳转到新的页面
JS跳转到新的页面:var href = 'http://www.baidu.com'window.open(href, '_blank')Vue跳转到新的页面Vue跳转到新的页面const { href } = this.$router.resolve({ name: "LookLive", params: { webinarId: this.$route.p...原创 2020-04-03 13:51:52 · 2294 阅读 · 1 评论 -
前端发版清除浏览器自带的缓存
vue.config.js文件const version = new Date().getTime()module.export = { publicPath: "/", assetsDir: "static", configureWepack: { output: { filename: `static/js/[name].${version}.js`, chunkFilename: `static/js/[name].${version}.js`原创 2021-12-09 16:34:20 · 1052 阅读 · 0 评论 -
BUS的详细使用准则
1、直接外部创建引入到main.js。(1)新建bus.js。2、main中直接创建。原创 2023-03-13 00:31:23 · 321 阅读 · 0 评论 -
vue3.0&&vue2.0-prop
注:本篇涉及到的知识点,组合式<script setup>模式以及vue2.0和vue3.0选项式,组合式中非<script setup>模式,使用比较少,不再讲解,可自行看官网。原创 2024-01-04 18:35:57 · 651 阅读 · 0 评论 -
Vue2/Vue3-插槽(全)
也就是说插槽的内容可以访问父组件的数据作用域,因为插槽内容本身就是在父组件的模板中定义的,插槽内容是无法访问子组件中的数据,vue模板中的表达式只能访问其定义时在所处的作用域,这个和js的词法作用域规则是一样的。某些场景下,插槽的内容想要同时使用父组件和子组件内的数据,要做到这一点,我们需要来让子组件在渲染的时候将一部分的数据提供给插槽。父组件模板的内容只能访问父组件的作用域,子组件的模板只能访问子组件的作用域。vue实现了一套内容分发的Api,将<slot>元素作为承载内容分发。原创 2024-01-02 09:40:37 · 866 阅读 · 0 评论 -
vue2.0-自定义指令Directive的全局和局部的视图权限
视图是否有权限显示原创 2023-12-19 11:19:58 · 485 阅读 · 0 评论 -
vue2.0-mixin视图权限全局引用
1·路由权限:只能看到自己权限内的菜单,且只能访问自己权限内的路由地址。权限管理是让不同的用户只能访问自己权限内的资源,分为3种。2·视图权限:只能看到自己权限内的视图和按钮。3·请求权限:越权请求将其拦截。原创 2023-05-05 15:28:27 · 661 阅读 · 0 评论