一，better-scroll的地址: 代码地址: https://github.com/ustbhuangyi/better-scroll 在npm的地址: https://www.npmjs.com/package/better-scroll 说明：刘宏缔的架构森林是一个专注架构的博客，地址：https://www.cnblogs.com/architectforest 对应的源码可以访问
项目原先代码： 需要实现的是导航栏在页面下滑到一定位置的时候，对其样式进行修改 父组件system.vue页面 <template> <div> <div id="sysytem"> <!-- 导航栏 --> <head-tabbar ref ="tabbar" class="tabbar"></head-tabbar> <!-- 轮播图 -->
1. 安装vue： cnpm i vue -S 2. 安装vue-loader、vue-template-compiler： cnpm i vue-loader@14.1.1 vue-template-compiler@2.5.17 -D 提示：peerDependencies WARNING vue-loader@14.1.1 requires a peer of css-loader@* but none was installed。按照提示安装css-loader及其依
html data 数据源： computed：
温馨提示：想要自制表单验证的请看上一篇 这次，我们着重讲一讲，表单验证过后怎么清空表单验证 （1）清空表单内容 // 表单数据 const form = reactive({ // 用户名 account: null, // 密码 password: null, // 手机号
Vuex 概念 Vuex 用于解决组件与组件之间共享的状态，集中存储管理所有组件状态 创建一个Test.vue实现一个简单的计数器功能 <template> <div class="test"> 私有 : {{count}}<br> <button @click="addCount">私有+</button> </div> </template> <
父子组件通信 类似于列表多个页面都会用到，我们就封装起来 先创建个components文件夹，在文件夹中创建一个vue文件，我这里叫 lists.vue <template> <view class="index_list" > <view class="list" v-for="(item, index) in floorDataList" :key=&qu
vue-cli4已经默认帮我们做了很多优化处理，包括静态资源输出、样式处理、代码分割等等。我们需要自己手动配置的事情更少了，而图片压缩处理就是其中的一件。 很多人直接这样在vue.config.js里面加 image-webpack-loader 配置： chainWebpack: config => { config.module .ru
摘要：Vue的filters过滤器是比较常见的一个知识点，下面我将结合时间戳转换的例子带你快速了解filters的用法。 本文分享自华为云社区《三分钟掌握Vue过滤器filters及时间戳转换》，作者：北极光之夜。。 一.速识概念： 大家好呀，Vue的filters过滤器是比较常见的一个知识点，下面我将结合时间戳
实例生命周期钩子 每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。
v-model多在表单中使用，在表单元素上创建双向绑定，根据控件类型选择正确的方法更新元素，可以绑定text、radio、checkbox、selected 下载nodejs:https://nodejs.cn/download/ windows64位的版本 后点击运行安装 检验nodejs安装成功: cmd下输入node -v,查看是否能正确打印版本号
beforeCreate vue中的第一个生命周期，在vue实列被完全创建出来之前会执行。 注意：在beforeCreate生命周期函数执行时，data、methods.中的数据都还没有初始化。 craetd vue的第二个生命周期函数，在created中data、methods 都引进被初始化好了。若要调用methods中的方法或者操作data中的
需求：在public下写一个js文件，js文件里面可以监听页面组件的事件，在项目整体打包过后直接修改js文件里面的内容，来修改页面。 用的$on方法 环境：vue版本为2.6.10,安装了element ui。 1，public文件下新建config.js config.js里面的内容 let config = { edit(self){ let _this =
耗费了不少时间在Cordova、H5+、react、angluar上面，最终还是选择了H5+，原因是因为不需要安装本地SDK。毕竟对于IOS来说它必须是需要一台苹果电脑的。而H5+的云打包解决了这个问题。接着由于在DCloud文档中只给了常规如何使用H5+,未给出Vue下如何弄，所以又耗费不少去Github上找H5
vue select控件在选择时需要把id和name两个值都获取到，实现方案如下： select控件代码 <FormItem label="物资类型：" prop="supplyType"> <Select v-model="detailData.supplyType" :label-in-value="true" placeholder="请选择物资类型" @on-change=&
1. hasOwn 是否是对象本身拥有的属性 var hasOwnProperty = Object.prototype.hasOwnProperty; function hasOwn (obj, key) { return hasOwnProperty.call(obj, key) } hasOwn({ a: undefined }, 'a') // true hasOwn({}, 'a') // false hasOwn({}, 'hasOwn
一，创建项目（这里使用的是vuecli） 二，代码规范 1.集成editorconfig配置 EditorConfig 有助于为不同 IDE 编辑器上处理同一项目的多个开发人员维护一致的编码风格 VSCode需要安装一个插件：EditorConfig for VS Code 2，使用prettier工具 Prettier 是一款强大的代码格式化工具，支
vue-router中经常会操作的两个对象route和router两个。 1、$route对象 $route对象表示当前的路由信息，包含了当前 URL 解析得到的信息。包含当前的路径，参数，query对象等。 1. $route.path 字符串，对应当前路由的路径，总是解析为绝对路径，如"/foo/bar"。 2. $route.p
VScode》文件》首选项》用户片段》vue.json(Vue) vue.json配置： { "Print to console":{ "prefix": "vuec", "body": [ "<template>", " <div>", " </div>", "&l
路由重定向指的是：用户在访问地址 A 的时候，强制用户跳转到地址 C ，从而展示特定的组件页面； 通过路由规则的 redirect 属性，指定一个新的路由地址，可以很方便地设置路由的重定向： var router = new VueRouter({ routes: [ // 其中，path 表示需要被重定向的原地址，red
1. 什么是前端路由 Hash地址（锚链接#）与组件之间的对应关系 <a href="#a"></a> <div id="a"></div> Hash地址中#往后的部分就是hash地址 http://localhost:8080/#/Home Hash地址中/往后的参数项，叫做路径参数 http://localhost:8080/#/Home location.hash location.href 路由占
组件之间的关系 1. 父子关系 1.1 父传子——使用自定义属性 props里的值都不建议去修改 //父组件 <son :msg="message" :user="userinfo"></son> data(){ return{ message:'hello', userinfo:{ name:'张三'， age:20 } } } //子组件 <templat
组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系： 如上图所示，A 和 B、B 和 C、B 和 D 都是父子关系，C 和 D 是兄弟关系，A 和 C 是隔代关系（可能隔多代）。 针对不同的使用场景，如何选择行之有
作为一个新晋菜鸟，我来谈谈我眼中的VUE优化。 无论是做什么项目用什么语言，都是需要优化的，那么今天就来说一说 VUE中需要优化的点。 VUE优化篇 1，组件方面的优化 对第三方组件库按需引入，当我们仅需要一个组件库中的个别组件时，我们可以进行组件的按需导入 对
