随笔分类 -  Vue2&Vue3

Vue2&Vue3
v:bind和没有v:bind有什么区别
摘要:1、 <div id='myid'></div> 会生成id为myid的层。 2、 <div :id='myid'></div>这儿的意思是data:{myid:"sth"} 会变成动态赋值的。 阅读全文

posted @ 2020-02-10 23:58 漫思 阅读(319) 评论(0) 推荐(1) 编辑

Vue.js中this.$nextTick()的使用
摘要:this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它,然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样,不同的是回调的 this 自动绑定到调用它的实例上。 假设我们更改了某个dom元素内部的文本,而这时候我们想直接打印出这个被改变 阅读全文

posted @ 2020-02-09 23:22 漫思 阅读(2328) 评论(0) 推荐(0) 编辑

vuecli项目如何使用反向代理
摘要:1、找到config文件夹下的index.js文件。 2、配置 这个属性。 proxyTable: { '/api': { target: 'http://106.12.183.239', changeOrigin: true, pathRewrite: { '^/api': '' } } }, 阅读全文

posted @ 2020-02-04 14:19 漫思 阅读(504) 评论(0) 推荐(0) 编辑

构建vue-cli npm安装webpack报错原因 error -4075解决办法
摘要:在构建vue-cli脚手架的时候,虽说vue-cli内部自带webpack ,但是最好手动安装webpack,无奈npm install webpack -g 的时候总是报错误;错误内容如下: $ npm install webpack -gnpm ERR! path C:\Users\Admini 阅读全文

posted @ 2020-02-04 11:57 漫思 阅读(1316) 评论(0) 推荐(0) 编辑

VUE中演示v-for为什么要加key
摘要:说到这个问题想必要举个例子了 image 没有key <div id="app"> <div> <input type="text" v-model="name"> <button @click="add">添加</button> </div> <ul> <li v-for="(item, i) i 阅读全文

posted @ 2020-02-04 00:30 漫思 阅读(695) 评论(0) 推荐(0) 编辑

vue中$router以及$route的使用
摘要:路由基本概念 route,它是一条路由。 { path: '/home', component: Home } routes,是一组路由。 const routes = [ { path: '/home', component: Home }, { path: '/about', component 阅读全文

posted @ 2020-02-04 00:21 漫思 阅读(8792) 评论(0) 推荐(1) 编辑

关于Vue.use()详解
摘要:相信很多人在用Vue使用别人的组件时,会用到 Vue.use() 。例如:Vue.use(VueRouter)、Vue.use(MintUI)。但是用 axios时,就不需要用 Vue.use(axios),就能直接使用。那这是为什么呐? 答案 因为 axios 没有 install。 什么意思呢? 阅读全文

posted @ 2020-01-15 17:16 漫思 阅读(2879) 评论(0) 推荐(0) 编辑

vuex actions传递多参数的处理
摘要:场景 . 在使用vue components dispatch Vuex actions的时候需要传递参数给多个参数actions 但是在actions 只是可以接收到两个参数的问题12 分析 . vuex actions 固定接受的第一个参数是dispatch对象 第二个参数是使用者本身定制的参数 阅读全文

posted @ 2020-01-15 16:21 漫思 阅读(4653) 评论(0) 推荐(0) 编辑

在Vuex使用 以及 dispatch和commit来调用mutations的区别
摘要:main.js中 import Vuex from 'vuex' Vue.use(vuex); const store = new Vuex.store({ state: { nickName: "", cartCount: 0 }, mutations: { updateUserInfo(stat 阅读全文

posted @ 2020-01-15 16:16 漫思 阅读(1521) 评论(0) 推荐(0) 编辑

vuex里mapState,mapGetters使用详解
摘要:这次给大家带来vuex里mapState,mapGetters使用详解,vuex里mapState,mapGetters使用的注意事项有哪些,下面就是实战案例,一起来看一下。 一、介绍 vuex里面的四大金刚:State, Mutations,Actions,Getters (上次记得关于vuex笔 阅读全文

posted @ 2020-01-15 15:50 漫思 阅读(596) 评论(0) 推荐(0) 编辑

Vue访问子组件实例或子元素
摘要:1 尽管存在 prop 和事件,有的时候你仍可能需要在 JavaScript 里直接访问一个子组件(例如,调用子组件的方法)。为了达到这个目的,你可以通过 ref 特性为这个子组件赋予一个 ID 引用。 2 $refs 只会在组件渲染完成之后生效,并且它们不是响应式的。这仅作为一个用于直接操作子组件 阅读全文

posted @ 2020-01-15 14:46 漫思 阅读(1303) 评论(0) 推荐(0) 编辑

Vue+axios统一接口管理
摘要:通过axios请求接口已经很简单了,但最近在做一个vue项目,想着把axios请求再封装一下,这样api就可以只在一处配置成方法,在使用的时候直接调用这个方法。 但咱们不用每个接口都定义成一个啰嗦的axios请求方法,既然是想简单点,就尽量只在一处完成简单的配置。 1、配置api接口 将同一模块的接 阅读全文

posted @ 2019-12-03 13:14 漫思 阅读(775) 评论(0) 推荐(0) 编辑

立足于运维与监控的前端框架 NoahV
摘要:NoahV是一个致力于解决中后台前端效率问题的前端框架,立足于运维和监控的应用场景,使用当前前端最新的技术栈并结合团队在项目开发中的最佳实践从而推出的前端开发框架。 NoahV提供的功能覆盖了从开发到线上运行各个阶段: 开发阶段提供了组件、模版、研发工具,最佳实践、解决方案,从多个维度帮助开发者提升 阅读全文

posted @ 2019-11-23 20:47 漫思 阅读(536) 评论(0) 推荐(0) 编辑

说说 Vue.js 中的 v-cloak 指令
摘要:可以使用 v-cloak 指令设置样式,这些样式会在 Vue 实例编译结束时,从绑定的 HTML 元素上被移除。 当网络较慢,网页还在加载 Vue.js ,而导致 Vue 来不及渲染,这时页面就会显示出 Vue 源代码。我们可以使用 v-cloak 指令来解决这一问题。 html: js: 效果: 阅读全文

posted @ 2019-11-21 22:32 漫思 阅读(285) 评论(0) 推荐(0) 编辑

vue中mode hash 和 history的区别
摘要:对于 Vue 这类渐进式前端开发框架,为了构建 SPA(单页面应用),需要引入前端路由系统,这也就是 Vue-Router 存在的意义。前端路由的核心,就在于 —— 改变视图的同时不会向后端发出请求。 为了达到这一目的,浏览器当前提供了以下两种支持: hash —— 即地址栏 URL 中的 # 符号 阅读全文

posted @ 2019-11-05 23:00 漫思 阅读(1735) 评论(0) 推荐(0) 编辑

Vue2 实践揭秘 错误列表
摘要:京东上的购买地址 作者是土生土长的聪明中国人 https://item.jd.com/12176536.html 64页 const bookID = this.$router.params.id 搞错了 我擦。 应该为 const bookID = this.$route.params.id 差一 阅读全文

posted @ 2019-09-21 22:48 漫思 阅读(148) 评论(0) 推荐(0) 编辑

全局安装 Vue cli3 和 继续使用 Vue-cli2.x
摘要:官方链接:https://cli.vuejs.org/zh/guide/installation.html 1.安装Vue cli3 关于旧版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli(1.x 或 2.x),你需要先通过  阅读全文

posted @ 2019-09-21 22:02 漫思 阅读(2801) 评论(0) 推荐(1) 编辑

使用VUECLI3
摘要:$ yarn global add @vue/cli // OR $ npm install @vue/cli -g 然后在加入下面的代码 $ vue create my-app $ cd my-app 阅读全文

posted @ 2019-09-21 21:27 漫思 阅读(168) 评论(0) 推荐(0) 编辑

npm ERR! code Z_BUF_ERROR
摘要:最新学习egg,在npm install egg --save 步骤中总是报错如下: npm ERR! code Z_BUF_ERROR npm ERR! errno -5 npm ERR! zlib: unexpected end of file 最后找到原因: 1:网络原因导致模块下载失败 2: 阅读全文

posted @ 2019-09-20 13:26 漫思 阅读(1277) 评论(0) 推荐(0) 编辑

vue中的 ref 和 $refs
摘要:如图,ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素;如果用在子组件上,引用就指向组件实例: 在上面的例子中,input的引用信息为input1 ,$refs 是所有注册过的ref的一个集合, 阅读全文

posted @ 2019-09-20 11:56 漫思 阅读(1104) 评论(0) 推荐(0) 编辑

导航