摘要: 安装:npm i vue-router 在main.j引入 引入vue-router import Vue from 'vue' import App from './App.vue' //引入使用 import VueRouter from 'vue-router' Vue.use(VueRout 阅读全文
posted @ 2021-11-10 17:27 旅祸少年 阅读(50) 评论(0) 推荐(0) 编辑
摘要: 概念 1.所谓的路由:是一组key-value(route) 2.路由器:是管理多个路由的机器(router) 单页面 Vue就只有一个页面:public 的inde.html 单页面怎么切换 Vue路由:router:实现局部跳转 Vue-router key:是路径 value:组件、函数 阅读全文
posted @ 2021-11-10 17:02 旅祸少年 阅读(47) 评论(0) 推荐(0) 编辑
摘要: 在state定义共享变量 定义共享变量 /*第三步:state:存储数据*/ const state={ num:0 } 在组件上读取({{}}符号能读到vc身上所有东西) $store.state.num <template> <div> <h1>共享变量:{{$store.state.num}} 阅读全文
posted @ 2021-11-10 16:37 旅祸少年 阅读(394) 评论(0) 推荐(0) 编辑
摘要: 要使用VueX:先安装Vuex:npm i vuex 让所有的组件都出现$store Vuex是一个插件:需要use 1.建立路径 2.编写vuex vuex核心 //该文件用来建立vuex的store //引入 import Vuex from 'vuex' import Vue from 'vu 阅读全文
posted @ 2021-11-10 16:14 旅祸少年 阅读(55) 评论(0) 推荐(0) 编辑
摘要: 所有的东西统一向Vuex读取共享变量 组件一:做出改变 组件三:及时更新 组件二:也会更新 补充:v-bind会让属性后面的value以es6解析出来。 阅读全文
posted @ 2021-11-10 15:03 旅祸少年 阅读(29) 评论(0) 推荐(0) 编辑
摘要: Vue:的跨域需要配置: 为什么发生跨域因为请求被浏览器拦截了 答:浏览器发现当前的请求夸域了,就不给了。 Vue解决跨域 答:设置代理服务器 后端解决跨域:cros!响应时提供特殊响应头,浏览器一看就知道能给你。 Vue:就使用代理服务器 在Vue.config.js配置目标路径(记得重启) 配置 阅读全文
posted @ 2021-11-10 14:16 旅祸少年 阅读(134) 评论(0) 推荐(0) 编辑
摘要: Vue最终会把所有样式整合为一个(出现命名冲突) APP中的style:对所有组件进行控制 app <style> #app { font-family: Avenir, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiase 阅读全文
posted @ 2021-11-10 11:15 旅祸少年 阅读(51) 评论(0) 推荐(0) 编辑
摘要: 使用组件Student时候:<Student></Student> 思考:能否将我要的数据丢给组件而不是组件自己定义data 于是<Student name=“小红” age=“15”></Student> 是被Vue接受的 props:是Vue组件获取外部传入值得属性 作用:将外部获取的值加到vm 阅读全文
posted @ 2021-11-10 10:48 旅祸少年 阅读(775) 评论(0) 推荐(0) 编辑
摘要: Vue使用ref给template的dom元素设置身份 用法类似(id=“ ”) 》(ref=“ ”) 使用时候:this.$refs.名字 ref的使用:获取Vue的dom <!--只认识三个标签--> <template> <!--组件结构--> <div> <h1 id="hh">{{scho 阅读全文
posted @ 2021-11-10 10:18 旅祸少年 阅读(246) 评论(0) 推荐(0) 编辑