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