weixin_45846862的博客

1.动态样式:class <div :class="[a1,a2]">动态数组的语法</div> <div :class="{'test-1':a3}">动态对象语法</div> <div :class="obj">动态对象语法</div>data(){ return { a1: 'texr-1', a2: 'texr-2', a3: false, obj:{

1.下载地址https://mozilla.github.io/pdf.js/<div style="width: 100vw; height: 100vh"> <iframe :src="'/pdf/web/viewer.html?file=' + pdfUrl" style="width: 100vw; height: 100vh;overflow-x: hidden;" /> </div>

解析 <path> 标签应该算是 SVG 中最为强大的标签了，各种图形都可以用他绘制。本文使用 path 标签的贝塞尔曲线 Q 指令绘制弧线。用法<path d="M30 90 Q115 139 200 90"></path> //M30 90 起点 Q115 139弧度 200 90终点path 标签常用指令：M = movetoL = linetoH = horizontal linetoV = vertical linetoC =

1.this.#set(obj, key, value)我们在项目开发的过程中，经常会遇到这种情况：为data中的某一个对象添加一个属性当我们点击按钮，为student添加一个age属性，看看视图层是否能够更新在这里我们发现虽然这个对象身上已经有了该属性，但是视图层并没有更新该数据，是什么造成的呢？由于受JavaScript的限制，vue.js不能监听对象属性的添加和删除，因为在vue组件初始化的过程中，会调用getter和setter方法，所以该属性必须是存在在data中，视图层才会响应该数据

Github源码地址：https://github.com/XiZi-6/MaMall演示地址：http://109.206.245.39/#/index1.商城内容首页商城首页登录商城产品站购物车订单确认订单支付(微信/支付宝)订单列表组件系统导航组件底部组件服务条组件产品参数组件订单头部组件加载组件弹框组件无数据组件支付组件2.技术栈 vue2.6 VueRouter3.1 vuex3.1 Axios ElementUI2.9 Scss Vue-Trans