您好,欢迎光临本网站![请登录][注册会员]  

搜索资源列表

  1. Vue.js面试题及答案大全(已经帮助大部分人面试成功)

  2. vue遇到的坑,如何解决的? Vue1.0升级2.0有很多坑:生命周期;路由中引入静态js,全局组件,全局变量,全局function;v-for循环的key,value值互换了位置,还有track-by;filter过滤器;遍历数组时,key值不能做model;父子通信等。
  3. 所属分类:Web开发

    • 发布日期:2018-09-29
    • 文件大小:3kb
    • 提供者:hslnight
  1. Vue 组件的挂载与父子组件的传值实例

  2. 1:将需要挂载的组件放置在component之中 2:全局挂载在main.js之中 import Vue from 'vue' import App from './App.vue' import getTime from './component/child/getTime' //全局注册 整个项目的组件都可以使用 //注册给整个vue 对象 //引入需要注册的全局组件 //在vue类的方法 component里面进行注册 Vue.component('v-times',getTime);
  3. 所属分类:其它

    • 发布日期:2020-11-19
    • 文件大小:80kb
    • 提供者:weixin_38651468
  1. Vue封装的组件全局注册并引用

  2. 当vue接触的多了之后,你可能也会到自己封装组件的程度,试想每个页面的功能级模块全部拆分成组件,然后后续请求后台数据传入进去或者自己模拟数据,是多么方便的一件事情。 每当我们需要修改的时候,只需维护那一个功能性组件即可,不需要这个功能了,只需要从页面中删除这个组件的引用即可。 那么废话不多说了,我们来看看如何全局注册并一键引入(类似于element ui的全部引入)。 如何封装组件就不多赘述了。 参考vue官网的做法:vue官网全局注册 1、正则判断路径以及文件名,获取全部组件并全局注册(可以直
  3. 所属分类:其它

    • 发布日期:2020-12-03
    • 文件大小:99kb
    • 提供者:weixin_38747906
  1. vue 解决循环引用组件报错的问题

  2. 做项目时遇到使用循环组件,因为模式一样,只有数据不一样。但是按照普通的组件调用格式来做时报错,错误信息为Unknown custom element: – did you register the component correctly? For recursive components, make sure to provide the “name” option. 查询了官方文档,还有其他的资料,发现是循环调用组件时,组件比vue实例后创建,官方文档里写组件必须先于实例化引入,所以说组件没
  3. 所属分类:其它

    • 发布日期:2020-11-30
    • 文件大小:32kb
    • 提供者:weixin_38656226
  1. vue全局组件与局部组件使用方法详解

  2. vue全局/局部注册,以及一些混淆的组件 main.js入口文件的一些常用配置, 在入口文件上定义的public.vue为全局组件,在这里用的是pug模版 .wraper 的形式相当于 —main.js文件 **main.js入口文件的内容** import Vue from 'vue' import App from './App' import router from './router' // 引入公用组件的vue文件 他暴漏的是一个对象 import cpublic from './c
  3. 所属分类:其它

    • 发布日期:2020-11-29
    • 文件大小:42kb
    • 提供者:weixin_38600253
  1. 使用use注册Vue全局组件和全局指令的方法

  2. Vue中的组件和指令分为局部组件、局部指令和全局组件、全局指令。对于注册有一定数量的全局指令和全局组件时,官方文档中的方法就显得有些不够清爽了。 全局组件 在Vue官方文档中介绍的是使用Vue.component(tagName, options)来创建一个全局组件。但是这种方法是与根实例写在同一个文件中,如果要同时注册多个全局组件,就会使根实例文件过重,因此使用Vue.use()来“安装”全局组件,就显得更轻一些。 方法: 1.新建一个plugins文件夹 2.在文件夹中创建放置全局组件的
  3. 所属分类:其它

    • 发布日期:2020-11-28
    • 文件大小:35kb
    • 提供者:weixin_38672940
  1. vue-cli 组件的导入与使用教程详解

  2. 概述: 一个文件就是一个模块,需要引入模块,和暴露模块的方法 在一个组件中使用另一个组件三部曲:引入组件、注册组件、使用组件 1.main.js文件解读 .是整个项目的入口文件,在src文件夹下 .import(es6)引入vue和根组件app.vue .最后new Vue,启动应用 2、组件的使用 .定义的组件一般放到components目录下 .用一个组件的过程 a .被引用的文件暴露对象(如果组件中没有scr ipt,可以不需要暴露) b. 父组件引入子组件,注册组件(全局组件不需要引
  3. 所属分类:其它

    • 发布日期:2020-11-28
    • 文件大小:179kb
    • 提供者:weixin_38702339
  1. Vue 应用中结合vux使用微信 jssdk的方法

  2. vux微信分享说明 分享接口只有认证公众号才能使用,域名必须备案且在微信后台设置。 先确认已经满足使用jssdk的要求再进行开发。 引入 在 main.js 中全局引入: import { WechatPlugin } from 'vux' Vue.use(WechatPlugin) console.log(Vue.wechat) // 可以直接访问 wx 对象。 组件外使用 考虑到你需要在引入插件后调用config方法进行配置,你可以通过 Vue.wechat 在组件外部访问wx对象。 j
  3. 所属分类:其它

    • 发布日期:2020-12-11
    • 文件大小:50kb
    • 提供者:weixin_38633157
  1. 详解vue.js下引入百度地图jsApi的两种方法

  2. 前言 今天有个项目需要用到百度地图,一般我们在移动端使用百度地图,都是直接通过这样的方式,直接引入百度地图的jsApi。 [removed][removed] 这种方法的原理,就是直接给全局widow对象添加一个BMap对象,从而可以使我们在已经加载api的页面的任何地方,使用百度地图的api。但是单单通过引入的方法,对于使用单文件组件的vue+webpack开发的项目,显然是不够的。于是,通
  3. 所属分类:其它

    • 发布日期:2020-12-11
    • 文件大小:49kb
    • 提供者:weixin_38747946
  1. 详解Vue.use自定义自己的全局组件

  2. 通常我们在vue里面使用别人开发的组件,第一步就是install,第二步在main.js里面引入,第三步Vue.use这个组件。今天我简单的也来use一个自己的组件。 这里我用的webpack-simple这个简单版本的脚手架为例,安装就不啰嗦了,直接进入正题 首先看下目前的项目结构: webpack首先会加载main.js,所以我们在main的js里面引入。我以element ui来做对比说明 import Vue from 'vue' import App from './App.vue
  3. 所属分类:其它

    • 发布日期:2020-12-10
    • 文件大小:44kb
    • 提供者:weixin_38680247
  1. 在vue-cli 3中给stylus、sass样式传入共享的全局变量

  2. 在vue-cli 3中, 给stylus、sass样式传入共享的全局变量 在开发中有时,我们定义了大量的基础样式变量,例如: 大量的vue单文件组件会用到这些变量,每个组件都引人一次又太麻烦。全局引入是个不错的方法,于是,在main.js 中引入variable.styl文件,但是你会发现,并不起作用。 在查阅了vue cli官方文档后发现,有官方支持的方法。 1、给sass样式传入共享的全局变量 有的时候你想要向 webpack 的预处理器 loader 传递选项。你可以使用 vue.c
  3. 所属分类:其它

    • 发布日期:2020-12-10
    • 文件大小:40kb
    • 提供者:weixin_38694141
  1. Vue文件配置全局变量的实例

  2. 在vue文件里配置所需的全局变量,然后通过export暴露出去。 如 Global.vue [removed] const serverPath="http://127.0.0.1:8080"; export default{ serverPath } [removed] 在main.js引入,将global接口放到prototype,这样以后其他组件引用global里的全局变量就可以直接通过“this.global.变量”的方式而无需import多次 import global
  3. 所属分类:其它

    • 发布日期:2020-12-09
    • 文件大小:25kb
    • 提供者:weixin_38694006
  1. 基于elementUI实现图片预览组件的示例代码

  2. 这是一个简单的点击图片预览的组件 顺便记录一下写组件期间踩的vue中scope的坑~ 从注册全局组件开始叭! 项目目录: 模仿elementUI目录结构,目录名是组件名,src中是组件源文件(或者js服务文件),文件目录下还有一个index.js用于同一管理src中的所有文件,导出并注册,这个组件我们只有一个vue文件件 先看index.js文件里有什么: //引入了src下的vue组件文件 import starPicList from './src/star-pic-list';
  3. 所属分类:其它

    • 发布日期:2020-12-09
    • 文件大小:148kb
    • 提供者:weixin_38637878
  1. 如何在vue里添加好看的lottie动画

  2. 引入lottie库 ( >.< ) 在vue中引入lottie非常非常简单 1.安装vue-lottie包 npm install --save vue-lottie 2.全局引入vue-lottie 在main.js引入并注册全局组件即可 import lottie from 'vue-lottie'; Vue.component('lottie', lottie) 当然你也可以局部引入 ~ o ~ 3.引入你的lottie资源 在文中顶部lottie资源网站可以下载相应的资源,
  3. 所属分类:其它

    • 发布日期:2020-12-09
    • 文件大小:55kb
    • 提供者:weixin_38666823
  1. vue组件(全局,局部,动态加载组件)

  2. 说说Vue.js组件 什么是组件:组件是Vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。在较高层面上,组件是自定义的元素,Vue.js的编译器为它添加特殊功能。在有些情况下,组件也可以是原生HTML元素的形式,以is特性扩展。 vue组件有两种,一种是全局组件,一种是局部组件。整个项目经常用到的用全局写法,用到比较少的专供特定页面用的使用局部组件。 one—-全局组件引入写法:在项目的main.js中: 第一种,在main.js直接写template:’ 模版字符串
  3. 所属分类:其它

    • 发布日期:2020-12-08
    • 文件大小:39kb
    • 提供者:weixin_38630697
  1. vue定义全局变量和全局方法的方法示例

  2. 一、全局引入文件 1、先定义共用组件 common.vue [removed] // 定义一些公共的属性和方法 const httpUrl = 'http://39.105.17.99:8080/' function commonFun() { console.log("公共方法") } // 暴露出这些属性和方法 export default { httpUrl, commonFun } [removed] 2、在需要使用的地方导入 [
  3. 所属分类:其它

    • 发布日期:2020-12-08
    • 文件大小:22kb
    • 提供者:weixin_38660051
  1. 详解vue引入子组件方法

  2. 前端框架vue,在利用脚手架工具vue-cli创建前端项目时候,怎么引入组件呢?下面是详细的写法。 1、第一步,利用vue-cli创建一个vue前端项目,文件夹如下图 2、第二步,例子是在hom.vue界面引入子组件header.vue,如下图 3、第三步,给子组件header.vue命名一个全局的id, export default { name: 'HomeHeader' } 代码如下图 4、第四步,返回home.vue组件,引用header.vue组件代码如下图 HomeHea
  3. 所属分类:其它

    • 发布日期:2020-12-08
    • 文件大小:188kb
    • 提供者:weixin_38581777
  1. vue+webpack dev本地调试全局样式引用失效的解决方案

  2. 今天遇到了奇怪的问题,在main.js中引入全局样式,在组件中引用样式时,有些样式失效,有些样式生效。但是神奇的是build打包后样式是正常的。 注册两字没有变成红色。。刚开始以为是class名字命名冲突之类的,网上查了很多资料,有提到说css文件中写了中文注释引起的,试过了不行。后来把所有的样式删掉,只剩一个样式,就生效了。好了,罪魁祸首就是空格符。build打包时会有压缩,所以不会有这个问题。 进入【utils.js】,添加压缩就好了 const cssLoader = { loa
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:85kb
    • 提供者:weixin_38697579
  1. 详解vue项目中如何引入全局sass/less变量、function、mixin

  2. 让我们考虑下场景:当使用rem/vw开发移动端的时候,你定义了一个px转rem的函数,或者是网站配色的全局变量等,然后到工程里为每个vue文件或者组件import ‘publicfilename.scss’,那得重复做这样的工作很多很多…次,万一这些公用文件目录路径变怎么办呢,哭都来不及,想想都觉得恐怖呀! 接下来拯救我们的神器就要登场了—sass-resources-loader,它可以省去重复性的引入,还支持less,postcss等,具体用法如下: npm install -d sass
  3. 所属分类:其它

    • 发布日期:2020-12-03
    • 文件大小:49kb
    • 提供者:weixin_38673694
  1. Vue 实现创建全局组件,并且使用Vue.use() 载入方式

  2. 自定义vue组件,一般是局部引用的方式载入,使用的时候,在应用的组件中使用 import moduleName from ‘module’ 导入,在components中注册 {{info.title}} [removed] import comment from ../sub/comment.vue; export default { data() {
  3. 所属分类:其它

    • 发布日期:2020-12-28
    • 文件大小:76kb
    • 提供者:weixin_38712279
« 12 3 »