
vue
文章平均质量分 75
前端_小学生
...
展开
-
UniApp集成微信小程序原生分包
Uniapp 集成微信原生代码文件原创 2022-11-01 15:33:15 · 1475 阅读 · 1 评论 -
vue2 项目升级到vue3之后npm run build执行两遍打包
vue2 项目升级到vue3之后npm run build执行两遍打包实际是在 @vue/cli-service升级到5.0版本之后出现的问题先说解决方法两种办法执行 build 的时候加一个 --no-modulevue-cli-service build --no-module修改 browserslist,一般在 package.json 中或者单独的 .browserslistrc 文件中,添加一个 not ie 11package.json"browserslist"原创 2022-04-25 11:31:19 · 5013 阅读 · 9 评论 -
vu3 createApp 的实现
createApp源码位置:https://github.com/vuejs/vue-next/blob/master/packages/runtime-dom/src/index.ts都是源码,比较干。。。v 3.0.4代码实现:/** * createApp 函数 */export const createApp = ((...args) => { const app = ensureRenderer().createApp(...args) // 开发环境 校验原创 2020-12-17 15:19:54 · 3136 阅读 · 1 评论 -
一次在 Vue3 中使用render函数的事故,从源码中找到了答案
一次在 Vue3 中使用render函数的事故,从源码中找到了答案第一遍看 vue3 的源码,有不对的地方,希望各位大佬能指出,感谢!!!Vue3 版本 3.0.4在 Vue3.0 创建组件时,在 render 函数中使用 setup 函数中返回的 ref 数据,无法动态绑定示例:Vue.createApp({ setup() { const elRef = Vue.ref(null) Vue.onMounted(() => { el原创 2020-12-09 11:05:50 · 3862 阅读 · 2 评论 -
面试题:VueRouter中的 hash 模式和 history 模式有什么区别
面试题:VueRouter中的 hash 模式和 history 模式有什么区别hash模式hash 模式的路由中带有 # 号hash 模式通过 window.onhashchange 方法监听路由的修改hash 模式在页面刷新的时候,发送的请求 url 是不带 # 后面的内容的hash 模式可以兼容部分低版本的浏览器hash 模式打包后,直接在浏览器中打开 /dist/index.html 可以正常的访问(原因是第 3 条指出的原因)history模式history 模式是使用正常的原创 2020-11-25 21:41:45 · 2196 阅读 · 0 评论 -
vue-router路由中对query中的参数进行加密
vue-router路由中对query中的参数进行加密源码地址在文末在创建路由的时候,添加两个方法stringifyQuery: 序列化传入的query参数,方法可以接收一个对象参数在new Router的时候传递这个属性,在序列化query参数的就执行这个方法,不会执行默认的方法,序列化后在地址栏显示序列化之后的参数parseQuery: 解析地址栏参数,方法接收一个字符串参数在new Router的时候传递这个属性,在解析query参数的时候,回执行这个方法,不会在执行默认的方原创 2020-07-02 20:17:47 · 8199 阅读 · 24 评论 -
开发 在 vue 中使用的 htmlWebpackPlugin 插件
开发 在 vue 中使用的 htmlWebpackPlugin 插件htmlWebpackPlugin 版本在node_modules\_@vue_preload-webpack-plugin@1.1.1@@vue 文件夹下查看package.json, vue内置使用的 3.2.0 版本的插件 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-xmft6tNo-1591238348055)(https://note.youdao.com/yws/api/p原创 2020-06-04 10:40:08 · 3695 阅读 · 0 评论 -
vue报错Maximum call stack size exceeded
Vue中报错 Error in nextTick: “RangeError: Maximum call stack size exceeded”原因:在vue中引入的组件的 name 和 组件本身的 name 值一样是,会出现这个问题解决:修改其中任意一个组件的name属性即可注意:在使用Vue框架中,避免出现组件的 name 重复,和路由的 name 重复的情况 ...原创 2020-05-21 15:35:52 · 1830 阅读 · 0 评论 -
Vue.prototype挂载调用组件的方法
需要使用Vue.extend方式,把引入的组件对象,变成VueComponent构造函数,然后就可以实例化这个函数,创建组件实例化组件el是必传字段实例化的组件.$el可以获得组件最外层的元素,将元素挂载在指定的位置(示例中挂载的body中,如果要挂载指定的元素,元素可以通过参数的方式,传入到方法中)如果在方法关闭的时候,没有删除该组件的根元素,再次调用方法,会重新创建组件并挂载,会造成多个无用组件的产生(实例中调用方法展示的是弹出框,在弹出框关闭,并且动画结束后,删除该组件)impo原创 2020-05-18 16:25:41 · 3131 阅读 · 0 评论