Powered by md-Blog  文 - 篇  访客 -

  • vue-router的多种跳转方法

    this.$router.push()描述:跳转到不同的url,但这个方法会向history栈添加一个记录,点击后退会返回到上一个页面。// 字符串 this.$router.push('home'); // 对象 this.$router.push({ path: 'home' }); // 命名的路由,带参数 this.$router.push({ name: 'user', params: { userId: 123 }}); // 带参数,变成 /user?id=123 this.$router.push({ name: 'user', query: { userId: 123 }}

    2020-04-02 14:28:03   2020-04-02 14:22:44
    分类:Vue / 浏览:015858085644585
  • Vue.js父组件直接调用子组件方法实例

    父组件通过 noticeAAA 识别调用 子组件 xxx 的方法父组件<template> <my-notice ref="noticeAAA"></my-notice> </template> <script> import myNotice from './Notice' export default { methods: { // 调用通知 DisplayNotice(){ this.$refs.noticeAAA.xxx('success') } }, } </script>子组件<script> export default { methods: {

    2020-04-02 13:09:41   2020-04-02 13:09:41
    分类:Vue / 浏览:015858041812790
  • Vue.js创建项目之 vue init 和 vue create 的区别

    vue init是 Vue-cli2.x 的初始化方式,可以使用 Github 上面的一些模板来初始化项目webpack 是官方推荐的标准模板名使用方式:vue init webpack 项目名称electron-vue 的模板使用方式:vue init simulatedgreg/electron-vue 项目名称vue create是 Vue-cli3.x 的初始化方式,模板是固定的,模板选项可自由配置使用方式:vue create 项目名称../../md/Vue/

    2020-04-02 11:00:10   2020-04-02 11:00:10
    分类:Vue / 浏览:015857964104005
  • 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
  • 春明


     
    百度站内搜索


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