随笔分类 - Vue学习实践
摘要：Vue3 简单使用，调用实时监控鼠标指针x,y坐标 解构出我们要用的到函数 const {createApp,reactive,toRefs,onMounted,onUnmounted,computed}= Vue 鼠标位置实时监听 注意点： v3里面数据响应式要通过reactive实现 ⇒ rea
阅读全文
摘要：初试Vue3-手动实现render挂载 只实现了最简单的render新增节点挂载到指定dom上，数据响应式没实现，一点一点的研究吧 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"
阅读全文
摘要：要求 必须有一个install方法，供Vue.use调用 实现hash变化，响应式数据自动更新 let Vue; class VueRouter{ constructor(options){ this.$options = options; this.routeMap = {};//缓存route
阅读全文
摘要：路由组件缓存 利用keepalive 做组件缓存，保存组件状态不再重新创建，提高执行效率 example : 缓存about组件 include 可以设置多个用逗号隔开，名字指的是组件本身的名字，是组件里面name的值, max 设置缓存最大数值，超出后新的组件会把旧的组件挤掉 <keep-aliv
阅读全文
摘要：Vue 组件之间常用的通信方式 props 总线 eventbus vuex 自定义事件 关系情况 $parent $children $root $refs provide/inject 非 prop 特性 $attrs $listener props 父->子传值 用属性 parent <chi
阅读全文
摘要：组件复用 - router变化 导致请求只发生一次 导航 main.vue <div v-for='c in list'> <div @click='onClick(c)'></div> <div> export default{ data(){ return{ list:[ {name:'ddd'
阅读全文
摘要：ios 系统10.2.1 中 Vue项目设置scrollTo(0,0)失效问题及解决 scrollTo与scrollTop 滚动到顶部我开始是这样写的 <template> <div id='container' ref= 'container'> .... <div class='btn' @cl
阅读全文
摘要：安装 px2rem loader 修改utils.js 重新运行即可，这里转换结果1rem =100px 动态计算根节点的font size 和dpr
阅读全文
摘要：没什么可以描述的，很简单的小功能，直接上代码吧 html部分 <div id='app> 全选<input type='checkbox' v-model='checkAll'/> <template> <label>{{item.name}}</label> <input type='checkb
阅读全文
摘要：父传子，并且通过fatherEvent接收子组件传过来的值 子组件接受父组件消息，并通过$emit回传父组件(当然也可以不通过watch） 这样就完成父子和子父之间数据的传递了
阅读全文
摘要：在build文件夹下找到webpack.prod.conf.js文件，搜索 filename: utils.assetsPath('css/[name].[contenthash].css'), 将[contenthash].去掉，重新打包，得到的dist文件夹下css名字为app.css 在bui
阅读全文
浙公网安备 33010602011771号