随笔分类 -  vue.js前端框架学习

vue中获取本地ip
摘要：一、目的 获取当前访问的ip地址 二、思路 通过使用搜狐的api获取访问ip 三、操作步骤 1、在index.html中添加 2、新建一个组件Admin.vue，调用方法 三、结果展示 1、搜狐网站访问结果 2、运行结果 阅读全文
posted @ 2019-08-05 13:02 悦风旗下 阅读(16399) 评论(0) 推荐(0)
vue项目1-pizza点餐系统11-设计menu页面
摘要：菜单的页面设计是基于bootstrap实现的，主要用到的是table标签，其中获取data数据用到遍历。 阅读全文
posted @ 2019-07-19 15:08 悦风旗下 阅读(742) 评论(1) 推荐(0)
vue项目1-pizza点餐系统10-axios实现登陆
摘要：一、登陆思路 从数据库中拿到数据，每个用户信息都是一个对象，需要用数组存储对象信息，然后对比输入的用户信息，如果匹配成功就跳转到home主页，否则提示用户或密码错误。 二、具体操作 1、导入axios import axios from 'axios' 2、请求数据库数据 阅读全文
posted @ 2019-07-19 10:02 悦风旗下 阅读(361) 评论(0) 推荐(0)
vue项目1-pizza点餐系统9-axios实现数据存储
摘要：一、安装、引入axios 1、终端输入cnpm install axios 2、在main.js中引入 import axios from ‘axios’ 3、配置路径 axios.defaults.baseURL = ‘https://order-app1.firebaseio.com/’ 二、在 阅读全文
posted @ 2019-07-18 16:21 悦风旗下 阅读(342) 评论(0) 推荐(0)
vue项目1-pizza点餐系统8-登陆和注册结构
摘要：... 阅读全文
posted @ 2019-07-18 14:28 悦风旗下 阅读(268) 评论(0) 推荐(0)
vue项目1-pizza点餐系统7-路由之控制滚动行为
摘要：一、在home组件中设置具体信息，设计样式 二、设置滚动页面展示位置 在index.js中添加scrollBehavior 阅读全文
posted @ 2019-07-17 16:11 悦风旗下 阅读(226) 评论(0) 推荐(0)
vue项目1-pizza点餐系统6-路由精讲之复用router-view
摘要：1、在主组件展示二级路由的组件内容，在App.vue中添加 2、在index.js中修改路由配置 阅读全文
posted @ 2019-07-16 15:09 悦风旗下 阅读(275) 评论(0) 推荐(0)
vue项目1-pizza点餐系统5-全局守卫
摘要：一、导航守卫描述 当问我们点击主页、菜单等非登陆和注册按钮都会提示先登陆然后跳转到登陆界面。 1、在main.js中引入全局守卫 2、路由独享守卫 在index.js中的需要加守卫配置中，加入 3、组件内守卫 在需要的设置的组件中，例如餐单组件中。 阅读全文
posted @ 2019-07-16 14:16 悦风旗下 阅读(295) 评论(0) 推荐(0)
vue项目1-pizza点餐系统4-二级、三级路由
摘要：一、目标样式 二、二级路由 在“关于我们”（about）下面设置二级路由。 1、创建组件，在router文件夹中index.js中先导入组件，配置好路由的访问地址，名称。 2、在about组件中，创建跳转装置和展现的空间 这样可以实现二级路由了。 三、三级路由同二级类似，就不赘述了。 阅读全文
posted @ 2019-07-12 16:37 悦风旗下 阅读(321) 评论(0) 推荐(0)
vue项目1-pizza点餐系统3-路由知识点补充
摘要：1、可以通过tag修改router-link的默认标签 2、to可以绑定动态路由地址 3、地址输入错误，跳转主页 4、to可以绑定路由名 5、通过button跳转页面 阅读全文
posted @ 2019-07-11 15:22 悦风旗下 阅读(284) 评论(0) 推荐(0)
vue项目1-pizza点餐系统2-配置路由跳转
摘要：功能目标：点击导航栏中的菜单、主页、路由跳转到不同的组件，点击谁就在在导航栏下展示谁。 1、在router文件夹中（在用脚手架cli搭建项目时，有个couter的选yes）的index.js中，导入如需要配置的组件 2、在router中配置路由 3、在主组件app.vue中展示跳转组件 4、在Hea 阅读全文
posted @ 2019-07-11 14:11 悦风旗下 阅读(356) 评论(0) 推荐(0)
vue项目1-pizza点餐系统1-利用bootstrap4制作导航栏
摘要：初次接触Bootstrap,简单谈一下理解。bootstrap是一个简单有强悍的前端框架，它是一个开源项目。当我们需要一些样式等，可以了解bootstrap的相关class、标签名称等所代表的意思，然后搭建页面时，导入bootstrap的js、css等，就可展现相同的效果。 1、首先进入bootst 阅读全文
posted @ 2019-07-11 13:08 悦风旗下 阅读(895) 评论(0) 推荐(0)
vuex的简单理解
摘要：初次接触vuex,谈谈我自己的理解。有待后期改进 首先要知道，Vuex 是专门为 Vue.js 设计的状态管理库。我们知道在用vue.js进行前端项目开发时，会出现很多组件相互之间调用属性、状态，小项目这种调用还可以接受，但是项目一大，逻辑复杂通常会导致代码难以维护。这时我们为什么不把组件的共享状态 阅读全文
posted @ 2019-07-10 16:02 悦风旗下 阅读(302) 评论(0) 推荐(0)