随笔分类 - vue
摘要：前言： 上次简单介绍了vue-router，并且创建了两个路由，如果还没学过路由基础知识请点这里 子路由： 比如有一个地址，圈出的地方在about目录下，可以是ChildRouter1，也可以是ChildRouter2，那么ChildRouter1、ChildRouter2就叫做about的子路由
阅读全文
摘要：从 Vue CLI 3.3 起已弃用baseUrl，请使用publicPath。 默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上，例如 https://www.my-app.com/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在
阅读全文
摘要：如图，面对一团糟代码的你~~~真的想说，What FUC~K！！！ 回归正题，我们所要的说的axios的封装和api接口的统一管理，其实主要目的就是在帮助我们简化代码和利于后期的更新维护。 一、axios的封装在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promis
阅读全文
摘要：<p id="inpChange"> vue实例创建后，弹出窗口: newV.message==data.message </p> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script> //创建数据
阅读全文
摘要：理解一： 有时候是这样的，译者在翻译书的的时候不知道拿什么来对应相应的英文，就根据自己的感觉，好像大概是这个意思来强加给广大读者，让很多人不知所以然。 @原磨豆浆 的大意是对的，上下文的原意是 context, 作用域的原意是scope, 这两个不是一个东西。 每一个函数的调用(function i
阅读全文
摘要：简介此页面可以直接复制运行，包含以下应用： Vue slot插槽使用Vue v-model使用Vue props使用父子组件数据传递element-ui使用HTML方式注册子组件，可以将子组件数据写在一个js文件中，用标签引入，然后将子组件对象置入components中Live Demo 在线示例L
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要：组件化与模块化的区别 什么是组件：组件的出现，就是为了拆分Vue实例的代码量，能够让我们以不同的组件，来划分不同的功能模块 ，将来我们需要什么功能，就可以去调用对应的组件即可 组件化与模块化的不同： 模块化：是从代码逻辑的角度进行分析，方便代码分层开发，保证每个功能模块的只能单一 组件化：是从UI界
阅读全文
摘要：错误示例： 解决方法一： 在v-for后面绑定key，示例如下→ 解决方法二： 点击左下角“设置”>“用户设置”内添加一下代码片段： { "vetur.validation.template": false } 或者取消已勾选validate vue-html in <template> using
阅读全文
摘要：报错如下图： 解决方式： 一、如果是在开发环境，应该是开发的时候网络环境变更导致，比如你切换无线网络，导致开发服务器的IP地址换了，这样开发服务器会不知道如何确定访问源。开发环境中关闭npm dev server，然后重新npm run serve重新构建服务环境就可以了。如果是生产环境，很大可能是
阅读全文
摘要：方法一：package.json中”eslintConfig”>"rules”字段添加如下代码 "no-console": "off", "no-restricted-syntax": [ "error", { "selector": "CallExpression[callee.object.na
阅读全文
摘要：阅读目录 1. 前言 2.正文 3.总结 回到顶部 1. 前言 在学习vue的时候，一直纳闷一件事：组件的data数据为什么必须要以函数返回的形式，为什么不是简单的对象形式呢？遂带着问题去翻官方文档，文档中自然也写明了这么做的原因，本篇博文以官方文档给出的原因为基础，并加上具体的例子，来阐述这么设计
阅读全文
摘要：模块开启命名空间后，享有独自的命名空间。 { "模块1":{ state:{}, getters:{}, mutations:{}, actions:{} }, "模块2":{ state:{}, getters:{}, mutations:{}, actions:{} } } mapState、m
阅读全文
摘要：使用常量替代 Mutation 事件类型 使用常量替代 mutation 事件类型在各种 Flux 实现中是很常见的模式。这样可以使 linter 之类的工具发挥作用，同时把这些常量放在单独的文件中可以让你的代码合作者对整个 app 包含的 mutation 一目了然： 理解： ES6 允许字面量定
阅读全文
摘要：Vue.use() vue.use()的作用： 官方文档的解释： 安装 Vue.js 插件。如果插件是一个对象，必须提供 install 方法。如果插件是一个函数，它会被作为 install 方法。install 方法调用时，会将 Vue 作为参数传入。 vue.use()使用情景: 可以在项目中使
阅读全文
摘要：开发模式：npm run dev是前端自己开发用的生产模式：npm run build 打包之后给后端放在服务端上用的Vue.config.productionTip = false1上面这行代码的意思 是阻止显示生产模式的消息。如果没有这行代码，或者设置为true，控制台就会多出这么一段代码。 Y
阅读全文
摘要：1、使用vue-cli 老版本构建项目时， 可修改config文件夹下index.js文件 autoOpenBrowser 属性给为 true 即可 使用vue-cli 3.x 版本后，所有的配置项均在vue.config.js中，修改 devServer 增加 open 属性为 true 即可 官
阅读全文
摘要：只要是表单元素，其值已经不会再用value来定义了，但是placeholder还是可以用来设置默认值。 section1--input：type="text" type="text"不要在标签上定义value值（因为vue已经处理了），要用v-model="currentValue" data:{c
阅读全文
posted @ 2019-05-30 04:23
寒江孤影，江湖路人
摘要：路由文件 ：router/index.js import Vue from 'vue'import Router from 'vue-router'import index '@/view/index'import user from '@/view/user'Vue.use(Router)expo
阅读全文
posted @ 2019-05-18 03:53
寒江孤影，江湖路人
摘要：1、在项目目录下安装vue-wechat-title 2、在main.js中 使用vue-wechat-title 3、在router的配置中设置 4、在每个vue页面中加入 <div v-wechat-title="$route.meta.title"></div>
阅读全文
浙公网安备 33010602011771号