注册会员 | 设为首页 | 加入收藏夹
您好，欢迎光临本网站！[请登录] ！[注册会员]！  

搜索资源列表

  1. 黑马程序员vue.js项目实战视频教程全套（包含视频和笔记）完整版

  2. 课程目录 day1视频： 01.反馈 02.vue课程介绍 03.什么是Vue 04.为什么要学习前端的流行框架 05.框架和库的区别 06.MVC和MVVM的关系图解 07.Vue基本代码和MVVM之间对应关系 08.讲解v-cloak、v-text、v-HTML的基本使用 09.v-bind指令的学习 10.使用v-on指令定义Vue中的事件 11.跑马灯效果制作-上 12.跑马灯效果制作-下 13.事件修饰符的介绍 14.讲解v-model实现表单元素的数据双向绑定 15.使用v-mod

  3. 所属分类：Java

    • 发布日期：2019-07-16
    • 文件大小：270
    • 提供者：chaochao1933

  1. Vue中component标签解决项目组件化操作

  2. 主要介绍了Vue中component标签解决项目组件化操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

  3. 所属分类：其它

    • 发布日期：2020-10-14
    • 文件大小：86016
    • 提供者：weixin_38500572

  1. Vue关于组件化开发知识点详解

  2. 全局组件注册 Vue.component('first-component', { data: function () { return { count: 0 } }, template: '{{ count }}' }) data 必须是一个函数 组件模板内容必须是单个根元素 组件模板内容可以是模板字符串 全局组件可以嵌套全局组件 组件命名方式 Vue.component('first-component', {/* .... */}) // 普通标签模板中不能使用驼峰

  3. 所属分类：其它

    • 发布日期：2020-11-20
    • 文件大小：46080
    • 提供者：weixin_38619467

  1. vue 出现data-v-xxx的原因及解决

  2. 现象： 在Vue开发中，会遇到html被浏览器解析后，在标签中出现’data-v-xxxxx’标记，如下： aaa 原因： 来看官方解释： media (min-width: 250px) { .list-container:hover { background: orange; } } The optional scoped attribute automatically scopes this CSS to your component

  3. 所属分类：其它

    • 发布日期：2020-11-19
    • 文件大小：61440
    • 提供者：weixin_38518376

  1. Vue中component标签解决项目组件化操作

  2. 一、 啰嗦几句 在vue项目组件化的过程中，遇到了一些问题，什么问题呢？就是在做一个多功能，多可用，多兼容的大组件的时候，发现在这个组件内部，实现了太多的if、for逻辑，包括大量的html元素，虽然说每段功能块都有批注，但是体积还是比较庞大，最近有些需求，需要将页面上的一大块筛选功能剥离开，形成单独的组件，统一数据渲染，统一组件管理，且这些功能无论是样式，或者是从结构来说，差异性都很大，所以考虑了以下几种开发方式： 1. 大容量单组件开发，渲染和传入的数据使用各种type、ctype判断 2.

  3. 所属分类：其它

    • 发布日期：2020-11-19
    • 文件大小：83968
    • 提供者：weixin_38614952

  1. vue组件的写法汇总

  2. 数据驱动和组件化是vue.js两个最重要的特点。组件化是为了方便代码复用，提高开发效率。常见的vue组件写法有四种，各有特色，适用于不同的场景。 1、全局组件 结构： // 组件的注册 Vue.component( 'componentName', { template: // 组件的html结构, data(){ return{ // 组件中的属性 } }, method: { // 组件中的方法 } ...... // 组件其他的属性和方法 }) // 组件的使用 n

  3. 所属分类：其它

    • 发布日期：2020-11-27
    • 文件大小：50176
    • 提供者：weixin_38693506

  1. Vue自定义组件的四种方式示例详解

  2. 四种组件定义方式都存在以下共性(血泪史) 规则： 1.组件只能有一个根标签 2.记住两个词全局和局部 3.组件名称命名中‘-小写字母’相当于大写英文字母(hello-com 相当于 helloCom) 而对于在HTML中自定义组件的时候有4种写法，不过也只是殊途同归，都是用template属性对应的只有一个根标签的HTML代码。 1.全局组件 定义方式示例： Vue.component("hello-component",{ props:["message"], template

  3. 所属分类：其它

    • 发布日期：2020-11-21
    • 文件大小：57344
    • 提供者：weixin_38685521

  1. vue组件创建的三种方式小结

  2. 1.使用Vue.extend创建全局的Vue组件 //1.1 使用vue.extend创建组件 var com1 = Vue.extend({ //通过template属性指定组件要展示的html结构 template : "使用vue.extend创建的组件" }) //1.2使用Vue.component('组件名称',创建出来的组件模板对象) Vue.component('myCom1',com1) 把名称以标签的形式放到页面中 注意，上边我们组件名称使用的是驼峰命名法，在写到页

  3. 所属分类：其它

    • 发布日期：2020-11-21
    • 文件大小：32768
    • 提供者：weixin_38749268

  1. Vue组件基础用法详解

  2. Vue组件概述 组件(Component)是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。根据项目需求，抽象出一些组件，每个组件里包含了展现、功能和样式。每个页面，根据自己所需，使用不同的组件来拼接页面。这种开发模式使前端页面易于扩展，且灵活性高，而且组件之间也实现了解耦。 在 Vue 里，一个组件本质上是一个拥有预定义选项的一个 Vue 实例 组件是一个自定义元素或称为一个模块，包括所需的模板、逻辑和样式。在HTML模板中，组件以一个自定义标签的形式存在，起到占位符

  3. 所属分类：其它

    • 发布日期：2020-11-20
    • 文件大小：81920
    • 提供者：weixin_38637983

  1. 详解Vue 全局变量，局部变量

  2. 局组件和局部组件 1.先定义组件   Vue.component(‘组件名’, { 组件模板对象 }) 注意: 组件名不要使用原生的标签名, 若组件名定义时用的是驼峰命名法, 则调用时用中划线分割后小写 例如: 组件–>mtText   使用时–>   2.配置组件的模板  注意: 组件的模板内容有且只有一个根元素 3.在视图层里调用 ,用双标签 4.组件是一个独立的作用域, 也可以看成一个特殊的vue实例, 可以有data, methods,computed等等 注意: 组件的d

  3. 所属分类：其它

    • 发布日期：2020-12-08
    • 文件大小：58368
    • 提供者：weixin_38732519

  1. vue-property-decorator用法详解

  2. vue-property-decorator 这个组件完全依赖于vue-class-component.它具备以下几个属性: Component (完全继承于vue-class-component) Emit Inject Provice Prop Watch Model Mixins (在vue-class-component中定义); 使用 当我们在vue单文件中使用Typescr ipt时,引入vue-property-decorator之后,scr i

  3. 所属分类：其它

    • 发布日期：2020-12-13
    • 文件大小：66560
    • 提供者：weixin_38556822

  1. Vue 组件间的样式冲突污染

  2. 一、污染是如何产生的？ 得益于 Vue-loader，在 Vue 中可以使用类似于 Web Component 的组件化写法, [removed][removed] ，在大多数情况下，我们希望组件间定义的样式是相互隔离的，在 Weex 当中的确如此，组件天生隔离，可是在 Vue 当中，运行的载体还是浏览器，所有的样式类还是会通过 style 标签插入头部，影响全局，交叉污染 二、增加 Scoped 标识 依然是 Vue-loader，通过为组件中的 style 标签增加一个 scoped 标识，

  3. 所属分类：其它

    • 发布日期：2020-12-12
    • 文件大小：83968
    • 提供者：weixin_38516491

  1. Vue.extend构造器的详解

  2. Vue.extend构造器的详解 1.简单介绍 Vue.extend(options) 参数：对象 用法：使用Vue构造器，创建一个“子类”，参数是一个包含组件选项的对象，其中,data选项中必须是函数 描述：Vue.extend返回的是一个“扩展实例构造器”，也就是预设了部分选项的Vue的实例构造器，它常常服务于Vue.component用来生成组件，可以简单理解为当在模板中遇到该组件作为标签的自定义元素时，会自动调用“扩展实例构造器”来生产组件实例，并挂在到自定义元素上 2.简单举例 自定义

  3. 所属分类：其它

    • 发布日期：2020-12-12
    • 文件大小：44032
    • 提供者：weixin_38696836

  1. vue中动态设置meta标签和title标签的方法

  2. 因为和原生的交互是需要h5这边来提供meta标签的来是来判断要不要显示分享按钮，所有就需要手动设置meta标签，标题和内容 //router内的设置 { path: '/teachers', name: 'TDetail', component: TDetail, meta: { title:"教师详情", content: 'disable' } }, { path: '/article', name: 'Article',

  3. 所属分类：其它

    • 发布日期：2020-12-12
    • 文件大小：78848
    • 提供者：weixin_38624975

  1. Vue中的组件及路由使用实例代码详解

  2. 1.组件是什么        组件系统是 Vue 的一个重要概念，因为它是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用。通常一个应用会以一棵嵌套的组件树的形式来组织； 1.1组件的声明及使用   全局组件 [removed] //设置全局组件 Vue.component(myzujian,{ template:我是全局组件 });

  3. 所属分类：其它

    • 发布日期：2020-12-29
    • 文件大小：53248
    • 提供者：weixin_38711643

  1. Vue.js父与子组件之间传参示例

  2. 例子：App.vue为父，引入componetA组件之后，则可以在template中使用标签（注意驼峰写法要改成componet-a写法，因为html对大小写不敏感，componenta与componentA对于它来说是一样的，不好区分，所以使用小写-小写这种写法）。而子组件componetA中，声明props参数’msgfromfa’之后，就可以收到父向子组件传的参数了。例子中将msgfromfa显示在标签中。 App.vue中 import compon

  3. 所属分类：其它

    • 发布日期：2020-12-29
    • 文件大小：41984
    • 提供者：weixin_38681286

  1. vue组件讲解(is属性的用法)模板标签替换操作

  2. vue中is的属性引入是为了解决dom结构中对放入html的元素有限制的问题，譬如ul里面要接上li的标签，引入is的属性后，你完全可以写成这样 这样会保证dom结构在浏览器的正常渲染，尽量避免在不正确的结构中直接使用组件 [removed] Vue.component('row', { template: 'this is a row' }) [removed] 或另一种用法如图： <!DOCTYPE ht

  3. 所属分类：其它

    • 发布日期：2020-12-28
    • 文件大小：284672
    • 提供者：weixin_38576561

  1. vue 组件间的通信

  2. vue组件间通信 因为vue中每个组件的data数据都是自己专属的，其他组件想要用就要有相应的方法来完成数据的交流。 1、父给子 在组件中如果子组件需要用到父组件的数据该怎么办呢，首先就像现实中的父子，父亲的东西你不能去抢过来用，需要父亲主动给你了你才能用，组件也是一样。 在vue中父子组件之间传递首先需要在父组件的data里去创建子组件需要用到的变量：data() { return{ 父组件变量：值，… }}，然后在子组件标签上将变量绑定给子组件：（自定义属性相当于一个容器把数据包起来给子组件

  3. 所属分类：其它

    • 发布日期：2021-01-07
    • 文件大小：47104
    • 提供者：weixin_38746166

  1. vue-admin-template:Vue轻量级后台管理系统基础模板-源码

  2. Vue轻量级后台管理系统基础模板 相关依赖 功能 登录页 一周七天自动切换不同的壁纸（建议自己配置） 标签栏 点击标签切换页面 刷新当前标签页 关闭其他标签/关闭所有标签 注意：组件的名称和路由的名称一定要一致，例如Home.vue组件名称name: home ，则在路由文件中也要给它设置为name: home ，否则页面内容不能缓存 // 在router文件中 { path : 'home' , name : 'home' , component : ( ) =>

  3. 所属分类：其它

    • 发布日期：2021-03-11
    • 文件大小：3145728
    • 提供者：weixin_42138780

  1. vue-web-component-demo：使用vue-cli v3.x从Vue组件构建Web组件-源码

  2. Vue Web组件演示 丹尼斯·汉堡，Poort80阿姆斯特丹，2018年9月 这是一个使用VueJS的vue-cli v3.x从Vue组件构建W3C Web组件的小演示。 然后，可以将具有定制HTML标签的此定制Web组件放到（非Vue）网页中。 或使用任何框架的任何其他网页。 先决条件 您还需要vue-cli 。 在上面的NodeJS上安装后，打开终端（命令行）并运行： npm i -g vue/cli 这将安装命令行界面（CLI）。 项目设置 从此项目目录中运行常规的NPM安装，以安装

  3. 所属分类：其它

    • 发布日期：2021-02-06
    • 文件大小：149504
    • 提供者：weixin_42121086
« 12 »