筑释科长的博客

一：概述vue-router可以设置两种模式：hash和historyconst router = new VueRouter({ mode: "hash", // mode: "history", routes});如果使用hash模式，一般无需特殊配置；但如果要使用history模式，则前端和服务端要做一定的设置；使用history模式通常本地调试没有什么问题，但是一旦发布到测试或生产环境，则会出现页面白屏或者刷新页面白屏的现象，这种问题的出现是因为前端和服务

环境：vue2 + vue-cli3;目标：实现用node后台部署history路由模式的vue项目；一：vue路由模式vue的路由有两种模式--hash和history，二者该如何选择，对比如下:二：hash模式......待完善三：history模式后台：node + express建一个文件夹，例如：demo，进入demo文件夹中，创建一个server.js文...

以下讲解基于vuecli3.0创建的项目首先我们来说一说vue/cli 3.0 与 2.0 的一些不同：3.0 移除了 static 文件目录，新增了 public 目录，这个目录下的静态资源不会经过 webpack 的处理，会被直接拷贝，所以我们能够直接访问到该目录下的资源，静态数据（如json数据、图片等）需要存放在这里。 3.0 移除了 config、build 等配置目录，如果需...

概述：vue-cli主要是用于构建单页应用的脚手架，但是实际开发的项目中，很多项目都是多页的，所以才有对基于vue-cli生成的单页应用的改造需求，以实现多页应用。本例基于的vue版本为："vue": "^2.5.2"；一：基于vue-cli创建一个项目命令1：vue init webpack；命令2：npm install;命令执行完成后的默认项目结构如下：这样，一个...

一：用vue-cli正确构建一个项目的目录如下：二：目录介绍如下：2.1：一级目录/文件介绍如下：build文件夹: 用于存放  webpack 相关配置文件config文件夹: 用于存放  vue基本配置文件node_modules文件夹:  用于存放  npm install 安装的依赖代码库src文件夹: 主要用于存放  我们开发的代码。staic文件夹:  ...

首先看下官方概念解释：1.beforeCreate创建前的状态(创建实例前，vue实例的属性值为undefined)。2.created实例创建完成后(data被定义了，但el属性为undefined)。然而，挂载阶段还没开始，$el属性目前不可见。3.beforeMount挂钩前(DOM渲染前)，el属性已经拿到对应的DOM元素。4.mounted挂载结束(Dom...

1：有关过滤器的使用地点过滤器  filters  不能和  v-model  一起用，只能和  v-bind  或者 {{}} 中使用，如下图：

vue父子组件通信的几种情况：1、父组件传递自己的data值给子组件； 2、父组件调用子组件的事件；3、子组件调用父组件的事件；一：父组件传递自己的data值给子组件父组件可以使用   props   把data数据传给子组件。实现方式：使用  vue  的  props//  关于  props  的官方介绍// 子组件A.vue配置如下：// 如下为...

说明：在index.html直接用<script>标签引入，不会生效的，正确引入姿势如下：1：打开package.json文件，手动在dependencies中加入如下代码；2：运行cnpm install，这样就会引入版本为2.1.1的jquery作为依赖；3：打开webpack.base.conf.js文件，对该文件进行两处修改，如下图：4：在需要的页面...

1：找到config文件夹下的index.js文件，打开2：将host值设置成本机ip3：重新启动项目即可

一：前言Vue1.0的时候官方推荐的ajax 插件vue-resource；Vue2.0 之后，官方推荐使用ajax 插件axios，同时官方不再更新 vue-resource。关于为什么放弃推荐? -> 尤大原话最近团队讨论了一下，Ajax 本身跟 Vue 并没有什么需要特别整合的地方，使用 fetch polyfill 或是 axios、superagent 等等...

参考地址：https://router.vuejs.org/zh-cn/essentials/dynamic-matching.html 路由，其实就是指向的意思，当点击页面上的home按钮时，页面中就要显示home的内容；当点击页面上的about 按钮，页面中就要显示about 的内容，可以说是一种映射。所以在页面上有两个部分，一个是点击部分，一个是点击之后，显示内容的部分。...

一：运行后报错“Do not use 'new' for side effects 构建项目时，用了 “ESLint” 工具检查代码质量。命令行报错“Do not use ‘new’ for side effects“，main.js里的原代码是这样的：new Vue({ router, el: "#app", render: h => h(App)})这段代...