随笔分类 -  vue手册

1 2 下一页
前后端分离项目中前端获取到后端api传来的富文本代码中包含图片路径无法显示的解决方案
摘要：res.goods_desc=res.goods_desc.replace(/\/media/g,host+"/media") this.about_data=res 阅读全文
posted @ 2020-06-23 04:07 雪落忆海 阅读(889) 评论(0) 推荐(0) 编辑
22.Vuex
摘要：Vuex解决不同组件之间的数据共享（包括父子组件之间，兄弟组件之间，非父子非兄弟组件之间的数据共享）以及数据的持久化。 用vuex实现的，用localstorage和sessionstorage也都可以实现，小项目中尽量不要使用vuex 1.在src目录下新建vuex目录 2.在vuex目录下新建s 阅读全文
posted @ 2019-10-20 14:45 雪落忆海 阅读(138) 评论(0) 推荐(0) 编辑
21.路由模块化
摘要：路由模块化 在项目目录下新建目录router，在目录router目录下新建router.js，然后引用vue 然后将main.js中的路由部分剪切复制到router.js中，然后通过 将其暴露 router.js 然后在main.js中引用router.js main.js 阅读全文
posted @ 2019-10-20 14:31 雪落忆海 阅读(254) 评论(0) 推荐(0) 编辑
20.ElementUI的使用，完整引入和按需引入
摘要：1.完整引入 1.ElementUI组件官方文档 2.安装 3.在main.js中引入 4.在webpack.config.js中配置字体解析代码 5.根据文档直接将代码粘贴到组件内引用即可 Home.vue 2.按需引入 阅读全文
posted @ 2019-10-20 13:04 雪落忆海 阅读(2774) 评论(0) 推荐(0) 编辑
19.Mint-UI的使用
摘要：1.Mint ui 官网打不开了 GitHub Mint ui 官网 阅读全文
posted @ 2019-10-20 01:59 雪落忆海 阅读(303) 评论(0) 推荐(0) 编辑
18.路由的嵌套
摘要：1.在components目录下新建目录User，目录下新建两个组件AddUser.vue和UserList.vue AddUser.vue UserList.vue 2.在main.js中引入组件，并且配置嵌套路由 main.js 3.在User.vue中引入<router-view></rout 阅读全文
posted @ 2019-10-20 00:55 雪落忆海 阅读(237) 评论(0) 推荐(0) 编辑
17.编程式导航（js驱动跳转）和路由的hash模式与History模式
摘要：编程式导航 与router-link导航相比，router-link类似于a标签，编程式导航相当于ajax，导航用页面跳转 Home.vue hash模式与History模式 在main.js中加入： main.js 阅读全文
posted @ 2019-10-19 16:37 雪落忆海 阅读(580) 评论(0) 推荐(0) 编辑
16.动态路由传值和get传值
摘要：1.动态路由传值 1.在components目录下新建vContent.vue组件 2.在main.js中 加入： main.js： 3.在News.vue中 动态路由传值： 1.配置动态路由 2.在对应的页面 2.get传值 1.在components目录下新建Goods.vue组件 2.首页组件 阅读全文
posted @ 2019-10-19 01:59 雪落忆海 阅读(368) 评论(0) 推荐(0) 编辑
15.vue中的路由vue-router
摘要：vue路由配置： 1.安装 npm install vue-router --save / cnpm install vue-router --save 2.引入并Vue.use(VueRouter) (main.js) import VueRouter from 'vue-router'; Vue 阅读全文
posted @ 2019-10-18 11:03 雪落忆海 阅读(194) 评论(0) 推荐(0) 编辑
14.非父子组件之间传值
摘要：非父子组件之间传值 1.在src/model目录下新建VueEvent.js文件 2.在src/components目录下新建组件Home.vue和News.vue Home.vue News.vue 3.在App.vue中 阅读全文
posted @ 2019-10-18 02:13 雪落忆海 阅读(183) 评论(0) 推荐(0) 编辑
13.子组件主动获取父组件的数据和方法
摘要：子组件主动获取父组件的数据和方法 1.父组件Home.vue 2.子组件Header.vue 阅读全文
posted @ 2019-10-13 14:22 雪落忆海 阅读(9663) 评论(0) 推荐(0) 编辑
12.父组件主动获取子组件的数据和方法
摘要：父组件主动获取子组件的数据和方法 1.父组件Home.vue 2.子组件Header.vue 阅读全文
posted @ 2019-10-13 14:09 雪落忆海 阅读(537) 评论(0) 推荐(0) 编辑
11.父组件向子组件传值
摘要：父组件向子组件传值 父组件Home.vue 子组件Heather.vue 1.父组件在引用子组件的时候，绑定动态属性 2.在子组件内通过props接收从父组件传过来的数据和方法 阅读全文
posted @ 2019-10-13 13:34 雪落忆海 阅读(211) 评论(0) 推荐(0) 编辑
10.请求数据
摘要：在vue中，有三种常用的数据请求方式： 1.vue-resource 1.安装vue-resource 2.在src/main.js中引用 3.在组件中使用home.vue 2.axios 1.安装axios 2.在组件中引入 使用箭头函数，不用担心this的指向 3.fetch-jsonp 使用方 阅读全文
posted @ 2019-10-13 01:54 雪落忆海 阅读(183) 评论(0) 推荐(0) 编辑
9.生命周期函数
摘要：生命周期函数，也叫生命周期钩子，是指组件挂载以及组件销毁所触发的一系列的方法。 在components目录下新建Life.vue组件，用于演示生命周期函数 在Home.vue组件内引用 阅读全文
posted @ 2019-10-03 02:51 雪落忆海 阅读(345) 评论(0) 推荐(0) 编辑
8.使用scss，创建组件，scoped局部作用域
摘要：1.使用scss scss是能让css从属关系看起来更加直观 在项目目录下运行安装命令： 然后在项目目录中的webpack.config.js中的rules里加入配置代码： 如果出现报错： sass-loader的版本过高导致的编译错误，当前最高版本是8.x，需要退回到7.3.1运行 2.新建组件 阅读全文
posted @ 2019-10-01 04:29 雪落忆海 阅读(1844) 评论(0) 推荐(0) 编辑
7.模块化封装Storage实现缓存数据持久化
摘要：1.模块化封装Storage实现缓存数据持久化 1.在src目录下新建目录model，在model目录下新建js文件取名storage.js 2.在App.vue中引用： 阅读全文
posted @ 2019-09-29 00:12 雪落忆海 阅读(371) 评论(0) 推荐(0) 编辑
6.条件渲染v-if、监听键盘事件$event
摘要：1.条件渲染v-if、监听键盘事件$event vi-if与v-show用法相同，v-if是代表根据条件渲染，v-show是代表将所有的都渲染出来，根据条件显示。 阅读全文
posted @ 2019-09-28 07:05 雪落忆海 阅读(611) 评论(0) 推荐(0) 编辑
5.双向数据绑定
摘要：1.双向数据绑定 阅读全文
posted @ 2019-09-26 13:58 雪落忆海 阅读(167) 评论(0) 推荐(0) 编辑
4.定义并执行方法
摘要：1.定义并执行方法 阅读全文
posted @ 2019-09-26 13:56 雪落忆海 阅读(181) 评论(0) 推荐(0) 编辑

1 2 下一页
点击右上角即可分享
微信分享提示