随笔分类 - vue
摘要：加载数据问题 导航之后加载数据，先完成路由的跳转，之后才加载数据，一般先在 钩子中获取数据，用 来控制页面的渲染显示 导航之前加载数据，在导航转入新的路由前获取数据。我们可以在接下来的组件的 守卫中获取数据，当数据获取成功后只调用 方法。 官方地址：https://router.vuejs.org/
阅读全文
posted @ 2019-01-03 09:56
cnloop
摘要：fastclick：处理移动端click事件300毫秒延迟。 main.js 中引入，并绑定到body
阅读全文
posted @ 2018-11-22 00:47
cnloop
摘要：```css
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
body,
form,
fieldset,
input,
textarea,
blockquote,
p { padding: 0; margin: 0;
}
textarea { padding: 5px 11px; border: 1px solid...
阅读全文
posted @ 2018-11-19 14:43
cnloop
摘要：问题根源： 不同浏览器下click事件驱动的逻辑顺序不一致 场景重现： vue中复选框机制是一组复选框绑定同一个数据，其数据类型是数组，选中复选框就会向绑定数据 追加一个元素。 为了项目更好的使用，我包装了一个复选框的子组件，在input上绑定了一个click事件，本想通过点击复选框然后判断复选框绑
阅读全文
posted @ 2018-11-18 18:46
cnloop
摘要：async 父组件使用 子组件使用 model 父组件使用 子组件使用 子组件使用的另外一种方法， ，` this.$emit("input", this.value + 1);` 链接 https://www.cnblogs.com/gsgs/p/7294160.html
阅读全文
posted @ 2018-11-18 18:40
cnloop
摘要：PostCSS 基本插件 "postcss import" "postcss url" "autoprefixer" vue cli 脚手架已经默认安装了 PostCSS 其他插件 安装其他插件 安装成功之后会 会有显示 .postcssrc.js 文件设置 脚手架原有的三个配置项需要注释 ，理由是
阅读全文
posted @ 2018-09-24 23:05
cnloop
摘要：动画效果 svg 动效，张鑫旭，https://www.zhangxinxu.com/wordpress/2014/08/so powerful svg smil animation/ svg 线条动画，切图崽，https://www.cnblogs.com/coco1s/p/6225973.htm
阅读全文
posted @ 2018-09-22 04:38
cnloop
摘要：下载模板 地址：https://github.com/framework7io/framework7 template vue webpack 应用程序将在浏览器中打开 构建应用 ，输出的打包文件在 目录中 如果需要与 cordova 进行配合，那么在 build 之前将 中的引用 cordova
阅读全文
posted @ 2018-09-18 18:45
cnloop
摘要：内置指令获取 event 对象 自定义指令获取组件数据 window 事件注册：大多通过在生命周期的 mouted 中注册 window 事件，在 beforeDestroy 销毁事件 $attrs：https://www.jianshu.com/p/ce8ca875c337 $listeners:
阅读全文
posted @ 2018-08-20 04:46
cnloop
摘要：基本问题 watch 是侦听器，可以对某个数据进行侦听，并作出响应动作 问题：简单设置的 watch，其实在页面第一次加载的时候是不会起作用的，只有再次改变监听的值才会触发 watch 下面是对路由的监听，页面第一次加载的时候我就需要对路由进行响应 javascript vm.$watch('a',
阅读全文
posted @ 2018-08-14 16:30
cnloop
摘要：实现原理 CommonJS 规范下，require() 在引入外部包的时候是属于同步加载的 AMD 规范下，require([module], callback) 引包可以实现异步加载 https://www.cnblogs.com/chenguangliang/p/5856701.html 组件异
阅读全文
posted @ 2018-08-07 06:59
cnloop
摘要：vue.js 是单页面应用，但是对 seo 不友好，nuxt 是基于vue 开发的服务端渲染的框架，最后项目可以打包多个静态页面，解决了 seo 问题 过度动效 Nuxt.js 默认使用的过渡效果名称为 page asyncData asyncData 方法会在组件（仅限于页面组件）每次加载之前被调
阅读全文
posted @ 2018-07-12 16:56
cnloop
摘要：父子组件之间的通信属于传递私有数据，比较容易理解 实现方式 父组件向子组件传值 直接在子组件的标签上绑定属性 子组件声明 props 来接收父组件传值的属性 子组件向父组件传值 直接在子组件的标签上绑定方法 子组件通过 $emit 方法调用父组件绑定过来的方法，并通过传递参数的形式达到传值的目的，这
阅读全文
posted @ 2018-07-08 00:55
cnloop
摘要：父子组件通信是传递私有数据，非父子组件通信传递的是共享数据，对共享数据进行管理可以帮助我们对全局状态进行统一管理 vuex 安装 vuex 挂载 store 创建 加载到 vue 实例 访问 store 数据 改变 store 数据 直接操作 $store.state.count 是不被推荐的，st
阅读全文
posted @ 2018-07-07 17:13
cnloop
浙公网安备 33010602011771号