![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
laumlin
这个作者很懒,什么都没留下…
展开
-
移动端h5原生分享到朋友圈、微博等
结合NativeShare和m-share两个包生成一个vue移动端的分享组件 shareBar.vue<template> <div id="nativeShare"> &a原创 2018-08-19 23:18:57 · 13719 阅读 · 0 评论 -
v-if和v-show、display: none和visibility:hidden的区别
v-if指令和v-show指令的区别相同点:都可以控制标签的显隐。不同点:一、实现本质方法区别v-if是动态的向DOM树内添加或者删除DOM元素v-show本质是利用标签的display属性,通过visibility和none控制显隐v-if="false"在DOM不能获取到该标签v-show=false在DOM中仍能获取到该标签二、编译的区别v-show其实是在控制c...原创 2018-12-17 16:47:15 · 8379 阅读 · 1 评论 -
MVC与MVVM模式对比
MCVMCV是后端的分层开发概念MVVMMVVM是前端视图层的概念,主要关注于视图层分离,也就是说,MVVM把前端的视图层分为三部分,Model、View、VM(ViewModel)详情可看下图:...原创 2018-11-27 21:01:35 · 419 阅读 · 0 评论 -
vue-router
// 字符串router.push('home')// 对象router.push({ path: 'home' })// 命名的路由router.push({ name: 'user', params: { userId: 123 }})// 带查询参数,变成 /register?plan=privaterouter.push({ path: 'register', quer...原创 2018-11-22 12:38:21 · 125 阅读 · 0 评论 -
vue-parcel
关于parcelParcel 是一个前端构建工具,Parcel 官网 将它定义为极速零配置的Web应用打包工具。复杂繁琐的 webpack 配置一直是前端项目里的一个痛点,而新一代的“零配置”打包器 parcel 正在解决这个问题。Parcel 的特性快速打包:启用多核编译,并具有文件系统缓存打包所有资源:支持JS,CSS,HTML,文件资源等等 - 不需要安装任何插件自动转换:使用 ...原创 2018-11-18 21:03:11 · 196 阅读 · 0 评论 -
vue使用backgroundImage属性
Vue项目中设置背景图片<template> <div class="login-wrap" :style="setBackground"> </div></template><script> export default { data () { return { setBackgro原创 2018-11-05 17:23:12 · 7769 阅读 · 1 评论 -
微信jssdk h5分享
使用微信jssdk进行h5分享一、首先,要严格按照微信文档步骤执行前面几个步骤,不然后面你会发现很多莫名其妙的坑。这里主要是4个步骤:JSSDK使用步骤步骤一:绑定域名先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。备注:登录后可在“开发者中心”查看对应的接口权限。步骤二:引入JS文件在需要调用JS接口的页面引入如下JS文件,(支持https):http...原创 2018-09-30 12:45:30 · 3269 阅读 · 0 评论 -
vue--同步父子组件和异步父子组件的生命周期顺序
关于vue组件的引入方式有两种一、 同步引入例子: import Page from '@/components/page'二、异步引入例子:const Page = () =&gt; import('@/components/page')或者: const Page = resolve =&gt; require(['@/components/page'], page)两种引入方...原创 2018-10-07 10:42:21 · 3843 阅读 · 1 评论 -
vue组件中引入bootstrap
vue怎么在单组件中引入局部css文件呢?不影响全局css?下面是在单独的vue文件中引入bootstrap的例子首先介绍一下利用vue的minix方法引入js文件和css文件的方法:const loadExternalAssetMixin = { methods:{ loadLink(src, callback) { if (!(typeof callback ==...原创 2018-10-18 00:28:02 · 2717 阅读 · 0 评论 -
hue4.1.0引进vue.js、axios.js、browser.js
记录hue4.1.0引进vue.js、axios.js、browser.js等由于业务需要引进vue.js、axios.js来修改hue,在这里记录一下hue引进vue.js等js的方法。步骤:首先下载vue,下载地址将下载到本地的vue.js放在目录desktop/core/src/desktop/static/desktop/js/下。在desktop/core/src/deskt...原创 2018-09-26 23:07:20 · 668 阅读 · 1 评论 -
mint-ui swipe进入首屏后防止直接跳到第二张落地页
解决mint-ui的swipe组件在使用中遇到的一个问题,进入首页后,滑动栏从第一页直接滑动到第二个页面,在第一页没有停留。由于录制gif的原因,这里把2当作1,3当作2,一打开页面是,直接从页面2跳到页面3,页面2的停留时间极短。而我们期望的结果是一进入页面时页面是从页面1停留后跳到页面2,再到页面3,这样有序的循环播放,向下面的gif才是正常的。解决方案::class="{'is-...原创 2018-09-24 15:22:23 · 835 阅读 · 0 评论 -
vue-native-share
vue-native-sharegithub: https://github.com/Laumlin/vue-native-share使用:npm install vue-native-share一个vue移动端的h5分享组件支持的浏览器:UC浏览器,QQ浏览器,百度浏览器不支持则提示:手动调起浏览器自带的分享面板使用npm i vue-native-share impor...原创 2019-03-22 18:09:01 · 3012 阅读 · 4 评论