03 2022 档案
摘要：区别: v-if,v-else-if,v-else相当于DOM元素的添加删除 v-show控制元素的渲染，显示或者不显示 v-show的性能开销小 写法上v-if更简单,但是性能开销上v-show更小一些 computed里面得方法用于计算属性值,当拿到数据后,对数据进行二次处理,然后绑定到对应得d
阅读全文
摘要：1：引用ant-design-vue/es/notification，前提是要先安装引用ant-design-vue import notification from 'ant-design-vue/es/notification' 2：可以全局定义notification的属性 notificat
阅读全文
摘要：1:在vue3.x中安装ant design vue 模块,安装完成以后在node_modules里面会多一个ant-design-vue文件夹，呢里以安装2.28版本为例 npm install ant-design-vue@next --save (如果要安装最新版本的3.11：npm i --
阅读全文
摘要：1：配置自适应(开发，生产)环境的全局变量 在根目录下面创建两个文件.env.development ，.env.production (1).env.development 开发环境 NODE_ENV=developmentVUE_APP_AXIOS_BASEURL=http://localhos
阅读全文
摘要：下面以axios拦截器携带Authorization参数,以请求头header的方式传递到后台,权限认证jwt也是这样子做的 1.在main.js import Axios from "axios"; Axios.interceptors.request.use( config => { confi
阅读全文
摘要：1：nuget引入swagger相关dll Swashbuckle.AspNetCore.Swagger Swashbuckle.AspNetCore.SwaggerGen Swashbuckle.AspNetCore.SwaggerUI 2：ConfigureServices方法配置suagger
阅读全文
摘要：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
阅读全文
摘要：路由跳转的原理其实就是将组件挂载到对应的路径下面,引用组件的时候就对应了页面的具体路径，而挂载的路径只是客户访问得时候的路径， 当访问到呢个挂载组件的路径时,会找到对应的组件，从而跳转到该组件对应的具体页面的路径 1：安装 vue-router yarn add vue-router (旧版本得)
阅读全文
摘要：1：在main.js里面添加自定义的Test.vue页面,Test.vue建在components下面 import { createApp } from 'vue' //import App from './App.vue' import App from './components/Test'
阅读全文
摘要：1：首先加载commponents下面得main.js 2：在main.js文件里面导入App.vue,当然也可以导入自己的Vue页面,不导入App.vue，#app1就是public文件下面的index.html里面的<div id="app1"></div> import { createApp
阅读全文
