随笔分类 - vue-
摘要：1：router.js里面 export default{ router, install(Vue){ //添加路由防守,防止未登录就随意进入系统页面,登录注册页面除外 router.beforeEach((to,form,next)=>{ if(to.path.indexOf('/login')
阅读全文
摘要：////const定义的是一个常量,在其他地方ss3.name="xxx"可以，但是不能ss3={xx:""}呢样直接给ss3赋值，,因为ss3是个常量 //const ss3={name:"1122"}; // //var定义的是一个变量,ssff可以在其他地方赋值,ssff里面的属性也可以在其他
阅读全文
摘要：用到知识点：具名插槽设置默认值，具名插槽,插槽作用域，数组循环，对象循环 实现原理: 如果父组件不传结构子组件就是默认结构，如果父组件传结构，子组件可以提供数据到父组件，父组件根据子组件传的数据传不同的结构进来 设计思路: (1):mytable.vue作为一个通用模板(子组件) (2)tablel
阅读全文
摘要：注意:(vue3推荐使用Composition Api重构组件)，不推荐使用mixins来分离代码,vue2里面才会推荐使用mixins 1当前在页面上定义，当前页面通过mixins:[]引用变量，如果js代码量比较大，最好用2的方式 (1):定义一个变量 const mixinsarray={ d
阅读全文
摘要：1：调用组件，并且通过自定义属性向子组件传入keywork，keywork1两个值,传Child事件 <input-box v-model:modelkey="keywork" v-model:modelkey1="keywork1" @showChild="Child"> </input-box>
阅读全文
摘要：1:赖加载路由的定义方式： const Home =()=>import (/* webpackChunkName: "homess" */ './components/home.vue') routes:[ { path: '/home', component: Home}, ] 赖加载路由的好处
阅读全文
摘要：1：当自定义一个组件的时候，将组件的某些部位作为传入内容的入口，可以在调用的时候灵活的传入想要的内容 2：在ant-design-vue或者vxe-grid里面的Table渲染里面大量的采用了插槽,把子组件的数据提供给父组件，然后父组件在根据值来做判断,通过数据值结果做不同数据结构的渲染，呢中就叫插
阅读全文
摘要：区别: v-if,v-else-if,v-else相当于DOM元素的添加删除 v-show控制元素的渲染，显示或者不显示 v-show的性能开销小 写法上v-if更简单,但是性能开销上v-show更小一些 computed里面得方法用于计算属性值,当拿到数据后,对数据进行二次处理,然后绑定到对应得d
阅读全文
摘要：下面以axios拦截器携带Authorization参数,以请求头header的方式传递到后台,权限认证jwt也是这样子做的 1.在main.js import Axios from "axios"; Axios.interceptors.request.use( config => { confi
阅读全文
摘要：1:安装Vue-ls npm install vue-ls --save 2.在main.js里面引用vue-ls import Storage from 'vue-ls'; 3.设置Storage的option操作 storageOptions: { namespace: 'pro__', nam
阅读全文
摘要：1：npm安装process,安装完成以后在node_modules里面看是否有process文件夹来确认是否安装成功 npm install process --save 2：在项目根目录下面创建两个文件 .env.development .env.production 3：在.env.devel
阅读全文
摘要：1:安装qs模块 npm install qs --save 2:卸载qs模块 npm uninstall qs --save 如果卸载不掉也可以在node_modules模块里面找到qs文件夹直接删除,效果是一样的,因为安装的模块都被安装到node_modules里面去了 然后在yarn inst
阅读全文
摘要：jsonp 优势： 1:请求数据没有跨域的限制,后台不用考虑跨域问题 2:对于老版本浏览器更加支持 缺陷:： 1:只支持get请求,不支持其他所有方式的请求(请求方式受到了限制) 2：只支持get请求,不支持post(不安全因素一) 3：因为没有跨域，所以调用接口方不能限制ip，安全方面不是很到位(
阅读全文
摘要：使用axios实现前后端交互： 1:安装axios模块，后面加上--save方便移动项目的时候也能使用模块 npm install axios --save 2:html代码定义按钮 <button @click="getData()">axios的post获取数据</button> <button
阅读全文
摘要：1：通过事件获取简单页面元素值和设置页面元素值 html代码: {{ msg }}<br /> <button @click="setmsg()">点击改变msg</button> <button @click="getmsg()">获取msg值</button> <!-- 动态class绑定单个值
阅读全文
摘要：js对页面数据进行动态绑定: 1：js动态绑定数据 //html代码渲染: {{ msg }} //js业务逻辑的data里面的代码 export default { name: "App", data(){ return { msg: "000", } } } 2：js动态绑定html代码 <sp
阅读全文
摘要：实现效果: 多个<router-view/>的时候，点击不同的router-link,将内容加载到不同的<router-view/>里面进行渲染 注意: 渲染子路由内容的<router-view/>可以和跳转子路由的router-link的按钮可以不在一个页面上 用重定向跳转嵌套路由得时候，参数不但
阅读全文
摘要：嵌套路由实现效果： 一个<router-view/>渲染的组件内容里面有两个div,点击左边div的链接,右边div加<router-view/>进行子路由对应的组件内容的渲染 注意: 渲染子路由内容的<router-view/>可以和跳转子路由的router-link的按钮可以不在一个页面上 用重
阅读全文
摘要：1：router.js的配置和(六)小节的完全一致 2: button按钮跳转 <button @click="gohone('ssww',no)">编程模式js跳转路由</button> <button @click="gohone()">js编程模式调js函数跳转</button> (1):动态
阅读全文
摘要：1：动态路由方式传值 (1)router.js里面挂在组件，以/:id/:no作为参数传递 import Details from './components/detail.vue' //引入组件 routes:[ { path: '/Details/:id/:no', component: Det
阅读全文
