Powered by md-Blog  文 - 篇  访客 -

  • Vue.js流畅过渡切换动画的实现

    先看效果模板文件<transition name="myfade"> <router-view></router-view> </transition>样式文件/* myfade */ .myfade-enter, .myfade-leave-to { opacity: 0; } .myfade-leave, .myfade-enter-to { opacity: 1; } .myfade-enter-active { transition: opacity .5s; transition-delay: .3s; } .myfade-leave-active { transition: opacity .3s }../../md/Vue/

    2020-04-01 11:21:27   2020-04-01 11:15:51
    分类:Vue / 浏览:015857109511015
  • Vue-CLI@4.x 实现多页入口文件构建

    1. 目录结构/src--src --pages --app --index.html --index.vue --main.js --home --index.html --index.vue --main.js2. 新建配置文件/vue.config.jsmodule.exports = { pages: { home: { entry: './src/pages/home/main.js', template: './src/pages/home/index.html', filename: 'home.html', title: '家', }, app: { entry: './src/pages/app/main.js', temp

    2020-03-31 16:39:04   2020-03-31 16:39:04
    分类:Vue / 浏览:015856439448330
  • Vue-CLI@4.x 修改构建后的文件为相对路径

    在根目录新建文件vue.config.jsmodule.exports = { publicPath: "./", };../../md/Vue/

    2020-03-31 16:39:02   2020-03-31 16:39:02
    分类:Vue / 浏览:015856439427584
  • Vue.js获取页面高度并监听随之改变

    data() { return { clientHeight: 0, // 声明data } }, methods: { // 设置页面高度 setClientHight() { var _this = this; _this.clientHeight = `${document.documentElement.clientHeight}px`; // 控制台打印 console.log(_this.clientHeight); }, }, mounted() { var _this = this; // 挂载读取页面高度 _this.setClientHight(); // 窗口

    2020-03-31 16:34:53   2020-03-31 16:34:53
    分类:Vue / 浏览:015856436938806
  • Vue.js开发代码风格指南

    在参与 Vant 开发时,请遵守约定的单文件组件风格指南,指南内容节选自 Vue 官方风格指南组件数据组件的 data 必须是一个函数。// bad export default { data: { foo: 'bar' } } // good export default { data () { return { foo: 'bar' } } }单文件组件文件名称单文件组件的文件名应该要么始终是单词大写开头 (PascalCase),要么

    2020-03-31 16:34:52   2020-03-31 16:34:52
    分类:Vue / 浏览:015856436921933
  • Vue.js按下回车Enter、退出Esc、删除退格键delete、空格space、Tab和方向键的按键绑定

    参考绑定方法有:.enter.tab.delete (捕获“删除”和“退格”键).esc.space.up.down.left.rightDemo.vue<template> <div class="demo"> <input v-on:keyup.delete="deleted" v-on:keyup.enter="submit" v-on:keyup.esc="esc" placeholder="按键检测"> </div> </template> <script> export default

    2020-03-31 16:34:52   2020-03-31 16:34:52
    分类:Vue / 浏览:015856436921530
  • normalize.css

    /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections =======================

    2020-03-31 12:25:48   2020-03-31 12:25:48
    分类:HTML5+CSS3 / 浏览:015856287483730
  • 不同的 Vue.js 构建版本说明

    在 NPM 包的 dist/ 目录你将会找到很多不同的 Vue.js 构建版本。这里列出了它们之间的差别: UMDCommonJSES Module (基于构建工具使用)ES Module (直接用于浏览器)完整版vue.jsvue.common.jsvue.esm.jsvue.esm.browser.js只包含运行时版vue.runtime.jsvue.runtime.common.jsvue.runtime.esm.js-完整版 (生产环境)vue.min.js--vue.esm.browser.min.js只包含运行时版 (生产

    2020-03-30 12:42:42   2020-03-30 10:11:23
    分类:Vue / 浏览:015855342837629
  • 春明


     
    百度站内搜索


  • 晋ICP备18012953号-1
  • 百度统计