![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue.js
文章平均质量分 75
注释科长
这个作者很懒,什么都没留下…
展开
-
vue-router实现history模式配置
一:概述vue-router可以设置两种模式:hash和historyconst router = new VueRouter({ mode: "hash", // mode: "history", routes});如果使用hash模式,一般无需特殊配置;但如果要使用history模式,则前端和服务端要做一定的设置;使用history模式通常本地调试没有什么问题,但是一旦发布到测试或生产环境,则会出现页面白屏或者刷新页面白屏的现象,这种问题的出现是因为前端和服务原创 2022-02-09 16:11:46 · 17584 阅读 · 3 评论 -
vue路由系统mode的hash和history的区别及用法
环境:vue2 + vue-cli3;目标:实现用node后台部署history路由模式的vue项目;一:vue路由模式vue的路由有两种模式--hash和history,二者该如何选择,对比如下:二:hash模式......待完善三:history模式后台:node + express建一个文件夹,例如:demo,进入demo文件夹中,创建一个server.js文...原创 2020-05-03 23:03:54 · 1176 阅读 · 0 评论 -
vue项目使用mock数据的几种方式
以下讲解基于vuecli3.0创建的项目首先我们来说一说vue/cli 3.0 与 2.0 的一些不同:3.0 移除了 static 文件目录,新增了 public 目录,这个目录下的静态资源不会经过 webpack 的处理,会被直接拷贝,所以我们能够直接访问到该目录下的资源,静态数据(如json数据、图片等)需要存放在这里。 3.0 移除了 config、build 等配置目录,如果需...原创 2020-02-22 18:34:12 · 2484 阅读 · 0 评论 -
vue-cli多页面实现
概述:vue-cli主要是用于构建单页应用的脚手架,但是实际开发的项目中,很多项目都是多页的,所以才有对基于vue-cli生成的单页应用的改造需求,以实现多页应用。本例基于的vue版本为:"vue": "^2.5.2";一:基于vue-cli创建一个项目命令1:vue init webpack;命令2:npm install;命令执行完成后的默认项目结构如下:这样,一个...原创 2018-11-08 14:36:46 · 857 阅读 · 0 评论 -
vue-cli项目构建目录介绍
一:用vue-cli正确构建一个项目的目录如下:二:目录介绍如下:2.1:一级目录/文件介绍如下:build文件夹: 用于存放 webpack 相关配置文件config文件夹: 用于存放 vue基本配置文件node_modules文件夹: 用于存放 npm install 安装的依赖代码库src文件夹: 主要用于存放 我们开发的代码。staic文件夹: ...原创 2018-11-09 11:58:39 · 339 阅读 · 0 评论 -
vue2.0生命周期解读
首先看下官方概念解释:1.beforeCreate创建前的状态(创建实例前,vue实例的属性值为undefined)。2.created实例创建完成后(data被定义了,但el属性为undefined)。然而,挂载阶段还没开始,$el属性目前不可见。3.beforeMount挂钩前(DOM渲染前),el属性已经拿到对应的DOM元素。4.mounted挂载结束(Dom...原创 2018-08-15 15:52:30 · 387 阅读 · 0 评论 -
vue碎片
1:有关过滤器的使用地点过滤器 filters 不能和 v-model 一起用,只能和 v-bind 或者 {{}} 中使用,如下图:原创 2018-08-07 14:35:23 · 290 阅读 · 0 评论 -
vue父子组件通信
vue父子组件通信的几种情况:1、父组件传递自己的data值给子组件; 2、父组件调用子组件的事件;3、子组件调用父组件的事件;一:父组件传递自己的data值给子组件父组件可以使用 props 把data数据传给子组件。实现方式:使用 vue 的 props// 关于 props 的官方介绍// 子组件A.vue配置如下:// 如下为...原创 2018-07-27 14:34:34 · 353 阅读 · 0 评论 -
vue项目中如何全局引入jquery
说明:在index.html直接用<script>标签引入,不会生效的,正确引入姿势如下:1:打开package.json文件,手动在dependencies中加入如下代码;2:运行cnpm install,这样就会引入版本为2.1.1的jquery作为依赖;3:打开webpack.base.conf.js文件,对该文件进行两处修改,如下图:4:在需要的页面...原创 2018-07-20 16:08:32 · 7105 阅读 · 0 评论 -
vue-cli构建手机端项目如何手机上测试
1:找到config文件夹下的index.js文件,打开2:将host值设置成本机ip3:重新启动项目即可原创 2018-07-19 14:09:29 · 1168 阅读 · 0 评论 -
vue2.0之axios
一:前言Vue1.0的时候官方推荐的ajax 插件vue-resource;Vue2.0 之后,官方推荐使用ajax 插件axios,同时官方不再更新 vue-resource。关于为什么放弃推荐? -> 尤大原话最近团队讨论了一下,Ajax 本身跟 Vue 并没有什么需要特别整合的地方,使用 fetch polyfill 或是 axios、superagent 等等...原创 2018-03-28 10:46:14 · 206 阅读 · 0 评论 -
vue-router 用法
参考地址:https://router.vuejs.org/zh-cn/essentials/dynamic-matching.html 路由,其实就是指向的意思,当点击页面上的home按钮时,页面中就要显示home的内容;当点击页面上的about 按钮,页面中就要显示about 的内容,可以说是一种映射。所以在页面上有两个部分,一个是点击部分,一个是点击之后,显示内容的部分。...原创 2018-03-26 11:00:34 · 338 阅读 · 0 评论 -
vue常见问题
一:运行后报错“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)})这段代...原创 2018-04-09 16:04:18 · 281 阅读 · 0 评论