Vue
文章平均质量分 93
Vue
路过Coder
这个作者很懒,什么都没留下…
展开
-
Vue(十)——页面路由(2)
2. 浏览器的历史记录有两种写入方式:分别为```push```和```replace```,```push```是追加历史记录,```replace```是替换当前记录。3. 如何开启```replace```模式:```News```1. 作用:不借助``` ```实现路由跳转,让路由跳转更加灵活。1. ```activated```路由组件被激活时触发。1. 地址中永远带着#号,不美观。原创 2022-11-17 05:32:23 · 763 阅读 · 0 评论 -
Vue(九)——页面路由(1)
理解: 一个路由(route)就是一组映射关系(key - value),多个路由需要路由器(router)进行管理。前端路由:key是路径,value是组件。理解:value 是 component,用于展示页面内容工作过程:当浏览器的路径改变时,对应的组件就会显示生活中的路由和路由器是为了完成多台设备的上网,而编码中的路由和路由器是完为了完成实现SPA应用的导航区与展示区的切换。对SPA应用的理解单页 Web 应用(single page web application,SPA)原创 2022-11-17 04:06:43 · 1000 阅读 · 0 评论 -
Vue(八)——Vuex
这个actions主要处理mounted,向服务器发异步请求,然后获取数据,修改,保存到state仓库中,然后通过mapState组件能拿到,然后进行遍历数组动态展示数据,这就是前台项目的大部分功能。```$store.dispatch('action中的方法名',数据)``` 或 ```$store.commit('mutations中的方法名',数据)```1.初始化数据、配置```actions```、配置```mutations```,操作文件```store.js```原创 2022-11-16 06:37:51 · 245 阅读 · 0 评论 -
Vue(七)——Vue中的Ajax
代理服务器怎么开启?如何配置代理服务器?方法一:重启脚手架开启代理说明:1. 优点:配置简单,请求资源时直接发给前端(8080)即可。2. 缺点:不能配置多个代理,不能灵活的控制请求是否走代理。3. 工作方式:若按照上述配置代理,当请求了前端不存在的资源时,那么该请求会转发给服务器 (优先匹配前端资源)方法二:说明:1. 优点:可以配置多个代理,且可以灵活的控制请求是否走代理。2. 缺点:配置略微繁琐,请求资源时必须加前缀。原创 2022-11-16 01:32:37 · 248 阅读 · 0 评论 -
Vue(六)——使用脚手架(3)
这不是vue团队开发的,不需要写在xx.vue当中,只需写在xx.html当中即可。什么是浏览器本地存储,下面举一个例子:也就是说浏览器帮你本地缓存点东西。原创 2022-11-15 20:21:01 · 637 阅读 · 0 评论 -
Vue(五)——使用脚手架(2)
1.实现静态组件:抽取组件,使用组件实现静态页面效果。原创 2022-11-16 00:00:00 · 281 阅读 · 0 评论 -
Vue(四)——使用脚手架(1)
此时这里传入两个参数,是因为h1是html里面的内置元素,这个元素里面得写具体的内容,所以得穿第二个参数,但是如果说用的是组件,此时就不需要再写具体的内容,因为内容都在APP这个组件里面(不过在此之前需要import引入app组件)。(2).vue.runtime.xxx.js是运行版的Vue,只包含:核心功能;(1).vue.js是完整版的Vue,包含:核心功能+模板解析器。实际上在引入的时候,引入的是vue.runtime.esm.js(残缺的vue)main.js:该文件是整个项目的入口文件。原创 2022-11-09 19:32:41 · 484 阅读 · 0 评论 -
Vue(三)——组件化编程
1. 理解: 向外提供特定功能的 js 程序, 一般就是一个 js 文件2. 为什么: js 文件很多很复杂3. 作用: 复用 js, 简化 js 的编写, 提高 js 运行效率。原创 2022-11-08 15:12:17 · 847 阅读 · 0 评论 -
Vue(一)——Vue核心第一弹
在点击这个选项的一瞬间,他就开了一个5500的端口号,并且进行了一个最重要的动作,把整个工程里面所有的和文件夹都作为这台服务器的根资源去使用。原创 2022-08-07 14:40:27 · 268 阅读 · 0 评论 -
Vue(二)——Vue核心第二弹
在应用界面中, 某个(些)元素的样式是变化的, class/style 绑定就是专门用来实现动态样式效果的技术。绑定class样式 写法 :class="xxx" xxx可以是字符串、对象、数组。正常的样式正常写,变化的样式用绑定的形式写。 数组写法适用于:要绑定多个样式,个数不确定,名字也不确定。如果要动态绑定style,就要将其设置为一个对象,以下展示两种写法::style="{fontSize: xxx}"其中xxx是动态值。:st原创 2022-08-10 16:57:06 · 563 阅读 · 0 评论