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

搜索资源列表

  1. VUE常用方法整理.pdf

  2. vue的常用方法总结 第一章 Vue核心知识讲解 5 第二节 引包、留坑、实例化 、插值表达式{{}} 5 1. 引包 5 2. 留坑 5 3. 实例化 5 4. 插值表达式{{ }} 5 第三节 熟悉及使用常用指令 5 1. 什么是指令 5 2. 常用的指令有哪些,及怎么使用这些指令 6 第四节 阐述vue单双向数据流及事件绑定 6 1. vue单向数据流绑定属性值 v-bind: (属性) 简写 :(属性) 6 2. vue双向数据流 v-model 只作用于有value属性的元素 7 3.
  3. 所属分类:Web开发

    • 发布日期:2020-03-28
    • 文件大小:1048576
    • 提供者:jobinchan
  1. Vue中keep-alive的两种应用方式

  2. Vue中keep-alive的使用我总结的有两种方式应用: 首先简述一下keep-alive的作用,kee-alive可以缓存不活动的的组件。当组件之间进行相互切换的时候,默认会销毁,当重新切换回来时又重新初始化。现在有需求切换回来不销毁组件,保持原来的状态,此时用keep-alive就可以实现了 我创建了两个组件,可以相互切换 组件1: 组件2: 第一种方式 在组件1的路由中添加 meta: { keepAlive: true }, 也就是当前路由需要缓存 此时路由设置完毕,kee
  3. 所属分类:其它

    • 发布日期:2020-11-20
    • 文件大小:681984
    • 提供者:weixin_38675777
  1. vue.js初学入门教程(2)

  2. 接着上一篇vue慢速入门教程学习。 4.组件使用基础 什么是组件?组件可以理解为可重用的自定义HTML。 可以使用一堆组件来构造大型应用,任意类型的应用界面都可以抽象为一个组件树: 可以把组件代码按照template、style、scr ipt的拆分方式,放置到对应的.vue文件中。 组件预定义选项中最核心的几个: 模板(template)、初始数据(data)、接受的外部参数(props)、方法(methods)、生命周期钩子函数(lifecycle hooks)。 4.1 基本步骤 使
  3. 所属分类:其它

    • 发布日期:2020-11-27
    • 文件大小:216064
    • 提供者:weixin_38706743
  1. VUE中使用HTTP库Axios方法详解

  2. Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中 安装Axios模块 在Vue中使用,最好安装两个模块axios 和vue-axios $npm install axios vue-axios --save 然后引用并使用模块 import Axios from 'axios' import VueAxios from 'vue-axios' Vue.use(VueAxios,Axios) 在组件中通过如下方式进行使用 this.$http[m
  3. 所属分类:其它

    • 发布日期:2020-11-21
    • 文件大小:107520
    • 提供者:weixin_38641111
  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. 解决Vue2.0 watch对象属性变化监听不到的问题

  2. 问题 很早之前就遇到一个问题,父组件向子组件传值,子组件监听传入对象的某个属性。发现子组件使用deep watch都不能观察到对象中属性的变化,今天终于找到为啥出现这种问题和解决办法了。 解决 为啥出现这种问题?受 ES5 的限制,Vue.js 不能检测到对象属性的添加或删除。 请参照https://v1-cn.vuejs.org/guide/reactivity.html 解决方式: 通过vue的this.$set(object, key, value)方法 通过Object.assign()
  3. 所属分类:其它

    • 发布日期:2020-12-01
    • 文件大小:37888
    • 提供者:weixin_38516380
  1. 在Vue.js中使用Mixins的方法

  2. 一个很常见的场景: 有两个非常相似的组件, 它们拥有非常相似的基本功能, 但是它们之间又有足够的不同的地方, 该如何选择呢? 我们是应该将它们分成两个完全不同的组件呢? 还是创建一个基础组件, 然后定义足够多的props以方便区分使用场景? 这两种方式都不是完美的: 如果你将它们分成两个完全不同的组件, 在需求变化(功能变化)时, 可能会增加需要同时修改两个组件的风险, 这违反了”DRY”的前提. 另一方面, 太多的props很快会让人变得凌乱, 并且, 迫使维护人员, 甚至是你自己, 要首先理
  3. 所属分类:其它

    • 发布日期:2020-12-11
    • 文件大小:53248
    • 提供者:weixin_38677808
  1. 浅谈Vue初学之props的驼峰命名

  2. 在vue的中文官网有这样的说明:HTML 中的特性名是大小写不敏感的,所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时,camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名) 命名。 重申一次,如果你使用字符串模板,那么这个限制就不存在了。 以以下代码为例: 1、当组件中template及props等使用驼峰式命名,在html中对应的改成短横线命名方式。 2、当组件中template及props等使用字
  3. 所属分类:其它

    • 发布日期:2020-12-10
    • 文件大小:132096
    • 提供者:weixin_38622827
  1. 详解在Vue中通过自定义指令获取dom元素

  2. vue.js 是数据绑定的框架,大部分情况下我们都不需要直接操作 DOM Element,但在某些时候,我们还是有获取DOM Element的需求的;  在 vue.js 中,获取某个DOM Element常用的方法是将这个元素改成一个组件 (component),然后通过 this.$el 去获取,但是在一些很小的项目里,在一些没有使用 webpack 等构建工具的项目中,创建一个组件并不是那么值得,所以 vue 提供了另一种操作DOM元素的方式,就是自定义指令 (directive) ;
  3. 所属分类:其它

    • 发布日期:2020-12-08
    • 文件大小:47104
    • 提供者:weixin_38670433
  1. 简单了解vue中父子组件如何相互传递值(基础向)

  2. 前言 首先,你需要知道vue中父组件和子组件分别指的是什么? 父组件:vue的根实例——用new Vue()构造函数创建的vue实例(实例会有一个挂载点,挂载点里的所有内容可理解为父组件的内容)     这里以root为挂载点,root里包含的所有内容可称为模板,即我们常说的父组件       子组件:用Vue.component()注册的组件(下图todo-item就是组件的名称,该名称可自定义,推荐使用短横线分隔命名)     定义组件名的2种方式(截图截自vue官网)      注:
  3. 所属分类:其它

    • 发布日期:2020-12-12
    • 文件大小:162816
    • 提供者:weixin_38687904
  1. vue中各种通信传值方式总结

  2. 1、路由通信传值 路由通信是通过路由跳转用query把参数带过去,也是vue常用的通信手段。 例子:创建并在路由注册一个组件Head clickMe //给按钮绑定点击事件 [removed] export default { name: 'Head', data () { return { } }, mounted(){ }, updated(){ }, methods:{ h
  3. 所属分类:其它

    • 发布日期:2020-12-29
    • 文件大小:65536
    • 提供者:weixin_38729336
  1. vue组件之间的通信

  2. 在图片详情的评论区域和商品的评论区域大致结构是一样的,只有一些数据是不一样的。因此我们可以创建一个组件作为子组件,通过子组件和父组件之间传值的方式实现组件的复用 父组件向子组件传值 父组件向子组件通过 props ,父组件中通过属性绑定的方式传递,在子组件中创建props 数组接收父组件传过来的数据 子组件向父组件传值 子组件向父组件传值通过 $emit 的方式,在子组件中绑定一个触发事件,在事件中 this.$emit('事件',传值),在父组件中通过 事件=“事件处理程序” 执行 子组件
  3. 所属分类:其它

    • 发布日期:2021-01-03
    • 文件大小:37888
    • 提供者:weixin_38722891
  1. vue组件之间的通信

  2. 在图片详情的评论区域和商品的评论区域大致结构是一样的,只有一些数据是不一样的。因此我们可以创建一个组件作为子组件,通过子组件和父组件之间传值的方式实现组件的复用 父组件向子组件传值 父组件向子组件通过 props ,父组件中通过属性绑定的方式传递,在子组件中创建props 数组接收父组件传过来的数据 子组件向父组件传值 子组件向父组件传值通过 $emit 的方式,在子组件中绑定一个触发事件,在事件中 this.$emit('事件',传值),在父组件中通过 事件=“事件处理程序” 执行 子组件
  3. 所属分类:其它

    • 发布日期:2021-01-03
    • 文件大小:37888
    • 提供者:weixin_38552239
  1. Vue应用框架整合与实战--框架整合(通用)篇

  2. Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。在一个模块化的打包系统中,您必须显式地通过Vue.use()来安装Vuex:模块化模块内关键函数-->用Vue.js+vue-router创建单页应用,是非常简单的。使用Vue.js,我们已经可以通过组合组件来组成应用程序,当你要把vue-router添加进来,我们需要做的是,将组件(components)映射到路由(routes),然后告诉
  3. 所属分类:其它

    • 发布日期:2021-03-01
    • 文件大小:421888
    • 提供者:weixin_38660295
  1. webcomponents-examples:这是Web组件示例的存储库-源码

  2. Web组件示例 这是例如Web组件的存储库,其中包含创建Web组件的不同方法。 还包含与Angular,React,Vue,Polymer等不同框架集成的不同方式。 要引用这些示例,请参见以下列表: 本示例使用Web组件标准来显示Web组件 并非所有浏览器都支持HTML导入标准,因此应在没有此标准的情况下实现我们的Web组件。 此示例说明了没有HTML导入标准的Web组件。 几乎所有的开发工作都在某些框架(如React,Angular,Vue)之上进行。 因此,有必要在相关框架中包含Web组件
  3. 所属分类:其它

    • 发布日期:2021-02-06
    • 文件大小:100352
    • 提供者:weixin_42146274
  1. 通过vuetify进行美化:了解如何使用Vuetify创建漂亮的Web应用程序!-源码

  2. 用Vuetify美化 了解如何使用创建精美的网络应用, 是根据规范构建的组件框架。 课程里程碑 我们鼓励您在学习Vue Mastery的过程中与我们一起编码。 这些是代表整个课程中里程碑的标签。 另外,代码提交的创建方式应允许您选择快照,以防万一。 课 起始码 成品代码 Vuetify入门 组件(第1部分) 组件(第2部分) 组件(第2部分)-代码挑战 布局:网格系统 布局:响应式设计 布局:响应式设计 形式:基本原理 建立 yarn install 编译和热重装以进行开发 yarn run
  3. 所属分类:其它

    • 发布日期:2021-02-03
    • 文件大小:159744
    • 提供者:weixin_42120563
  1. kokk:从markdown文件创建漂亮的文档。 您也可以将vue组件插入文档-源码

  2. 柯克 这是另一个将组件插入文档的 ,源代码在examples/insertComponent 。 vue-cute-rate的,由kokk提供支持。 介绍 KOKK是一种工具,可获取Markdown文件并将其呈现为漂亮的一页文档。 不仅如此,您还可以在文档中插入vue组件。 在此,它使用将两个演示插入文档中,看起来很酷,对吧? :winking_face: 该设计受启发! 我喜欢显示文档的优雅方式。 这个名字的灵感来自Kokkoku :woman_dancing: 安装 yarn a
  3. 所属分类:其它

    • 发布日期:2021-02-02
    • 文件大小:150528
    • 提供者:weixin_42123191
  1. Vue应用框架整合与实战--框架整合(通用)篇

  2. Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。在一个模块化的打包系统中,您必须显式地通过Vue.use()来安装 Vuex:模块化模块内关键函数 --> 用Vue.js+vue-router创建单页应用,是非常简单的。使用Vue.js
  3. 所属分类:其它

    • 发布日期:2021-01-27
    • 文件大小:403456
    • 提供者:weixin_38600253
  1. vuex的数据渲染与修改浅析

  2. 1.vuex是什么? 用官方的话来说“Vuex 就是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化”。而说的通俗易懂点就是”你想要在不同的组件中使用同一份数据,并且在不同的组件中都可以实时修改它并且这份数据保持同步“。 2.如何使用state中的数据 在你创建好store这个仓库之后,并且在其中添加了相应的数据以及修改它的方法,你就可以在你的组件中使用这个仓库了。比如我们的store是这样最简单的一中
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:63488
    • 提供者:weixin_38641561
  1. react中创建组件的方式

  2. 方式一 使用function创建组件 定义一个function //fuction的名称一定要大写开头 function 组件名称(){ //返回的值必须是一个虚拟DOM对象,或null return holle } 将组件渲染到页面 //定义的组件可以直接当作一个标签来使用 ReactDOM.render(,document.getElementById('app')) 给组件传值的方法 function 组件名称(props){ //props是用来接收传递过来的数据的参数,re
  3. 所属分类:其它

    • 发布日期:2021-01-20
    • 文件大小:47104
    • 提供者:weixin_38682406
« 12 3 »