vue
v
bestadc
这个作者很懒,什么都没留下…
展开
-
框架的艺术
框架的艺术原创 2022-11-11 00:33:32 · 205 阅读 · 1 评论 -
Vue3脚手架安装后添加Sass
按照官网安装Vue3脚手架后添加Sass原创 2022-08-22 23:01:05 · 218 阅读 · 0 评论 -
Vue2 和 Vue3 的 v-if、v-for 同时使用的区别
Vue2 和 Vue3 的 v-if、v-for 同时使用的区别原创 2022-08-17 23:40:50 · 664 阅读 · 0 评论 -
Vue.js插槽
普通插槽<!-- son.vue 组件 --><template> <div class="sslot"> <h3>{{ title }}</h3> <slot></slot> </div></template><script> export default { props: ["title"], };</script>&原创 2021-08-26 23:03:25 · 134 阅读 · 0 评论 -
Vue Vuex
VuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式StateGettersMutationsActionsModules// store中state: { uname: "lena";}mutations:{ setUname(state,uname){ state.uname=uname; }}actions:{ // 发送异步请求,调用mutations的函数,修改state的数据 vlogin(context,form){原创 2021-07-14 19:42:32 · 50 阅读 · 0 评论 -
Vue Router
Vue Router参考来自Vue Router官网起步<!-- 使用 router-link 组件来导航. --><!-- 通过传入 `to` 属性指定链接. --><!-- <router-link> 默认会被渲染成一个 `<a>` 标签 --><router-link to="/foo">Go to Foo</router-link>this.$router.push("/");动态路由匹配原创 2021-07-12 20:47:34 · 72 阅读 · 0 评论 -
UniApp项目功能小计
UniApp项目功能小计示例图功能代码(说明)uni-notice-bar 通告栏uni-swiper-dot 轮播图指示点uni-icons 图标uni-grid 宫格布局使用uni-list 列表布局使用uni-load-more 加载更多触底加载使用onPageScroll监听页面滚动,参数为ObjectonPullDownRefresh监听用户下拉动作,一般用于下拉刷新onReachBottom原创 2021-07-03 11:18:01 · 178 阅读 · 0 评论 -
vue使用proxy解决跨域问题
vue使用proxy解决跨域问题先在vue脚手架文件根目录下新建文件vue.config.js,写入下面代码// vue.config.jsmodule.exports={ devServer:{ proxy:{ "/baidu":{ target:"https://www.baidu.com", "secure":true, "changeOrigin":true, pathRewrite:{ // 路径重写 把/baidu替换为空 "原创 2021-06-30 16:09:23 · 133 阅读 · 0 评论 -
vue移动端轮播图适配宽高
vue移动端轮播图适配宽高/** 初始化轮播图的高度 */ initSwipeHeight(){ console.log(window.screen.width) let picw = 1242; // 图片宽度--根据图片像素 let pich = 698; // 图片高度 let screenw = window.screen.width; // 轮播图宽度 // 比例一致所以: 轮播图宽 / 轮播图高 = 图片宽 / 图片原创 2021-06-30 11:21:15 · 756 阅读 · 0 评论