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

搜索资源列表

  1. 下载好的vue.js库资源,可以直接使用

  2. vue使用的时候,必须要通过 new Vue( ) 来实例化一个对象 vue实例化的对象中, 常见的参数为: el: 关联 HTML 部分的标签, 使 vue 中的内容能够加载到 HTML里面去 data: 页面中需要的数据, 可以通过这个属性进行初始化, 进而赋值到 HTML 页面去 methods: 可以给当前vue对象添加方法, 一般我们都会把方法放在这个对象里面 computed: 后面会学到, 这个是计算属性, 我们可以给data里面的值添加一些管理,放在这里 watch: 如果需要

  3. 所属分类：网页制作

    • 发布日期：2019-10-09
    • 文件大小：283kb
    • 提供者：geek64581

  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
    • 文件大小：1mb
    • 提供者：jobinchan

  1. Vue中v-show添加表达式的问题(判断是否显示)

  2. 主要介绍了关于Vue中v-show中添加表达式用于判断是否显示的问题,很多朋友经常会遇到这样的需求，有数据来源和标签类型两行选项，需要实现点击上面的某个数据来源时，标签类型自动切换功能，感兴趣的朋友一起看看吧

  3. 所属分类：其它

    • 发布日期：2020-08-27
    • 文件大小：77kb
    • 提供者：weixin_38717169

  1. Vue.js每天必学之Class与样式绑定

  2. 数据绑定一个常见需求是操作元素的 class 列表和它的内联样式。因为它们都是 attribute，我们可以用 v-bind 处理它们：只需要计算出表达式最终的字符串。不过，字符串拼接麻烦又易错。因此，在 v-bind 用于 class 和 style 时，Vue.js 专门增强了它。表达式的结果类型除了字符串之外，还可以是对象或数组。 绑定 HTML Class 尽管可以用 Mustache 标签绑定 class，比如 `{% raw %}class=”{{ className }}”{% e

  3. 所属分类：其它

    • 发布日期：2020-11-23
    • 文件大小：52kb
    • 提供者：weixin_38562725

  1. vue.js入门教程之绑定class和style样式

  2. 一、前言 相信大家都知道数据绑定一个常见需求是操作元素的 class 列表和它的内联样式。因为它们都是属性，我们可以用 v-bind 处理它们：我们只需要计算出表达式最终的字符串。不过，字符串拼接麻烦又易错。因此，在v-bind 用于 class 和 style 时，Vue.js 专门增强了它。表达式的结果类型除了字符串之外，还可以是对象或数组。 二、绑定 HTML Class 请注意：尽管可以用 Mustache 标签绑定 class，比如 class="{{ className }}" ，

  3. 所属分类：其它

    • 发布日期：2020-11-22
    • 文件大小：55kb
    • 提供者：weixin_38562329

  1. Vue中keep-alive组件作用详解

  2. keep-alive组件的作用，供大家参考 作用：用于保留组件状态或避免重新渲染（缓存的作用） 比如：当一个目录页面与一个详情页面，用户经常：打开目录页面=>进入详情页面=>返回目录页面=>打开详情页面，这样目录页面就是一个使用频率很高的页面，那么就可以对目录组件使用进行缓存，这样用户每次返回目录时，都能从缓存中快速渲染，而不用重新渲染。 属性 该标签有两个属性include与exclude： include：字符串或者正则表达式。只有匹配的组件会被缓存 exclu

  3. 所属分类：其它

    • 发布日期：2020-11-21
    • 文件大小：42kb
    • 提供者：weixin_38640150

  1. vue 使某个组件不被 keep-alive 缓存的方法

  2. 提出问题 最近在做项目发现一个问题，当我使用了 keep-alive 标签后，进入了某个路由进行一系列操作，再点击浏览器后退，再次进入刚才的路由，页面被操作的数据没有初始化！ 分析问题 这是因为 keep-alive 将路由页面缓存，所以该路由没有完成整个生命周期，没有 destroyed，因此重新进入也没有触发其他生命周期钩子，如 created 等。 解决问题 （1）. 查看官方文档 当组件在 keep-alive 内被切换，它的 activated 和 deactivated 这两个生命周

  3. 所属分类：其它

    • 发布日期：2020-12-11
    • 文件大小：45kb
    • 提供者：weixin_38556416

  1. Vue数据绑定实例写法

  2. 为什么绑定 简单的数据渲染，包括表达式、函数在内。其实都只是在标签中渲染，如果遇到以下情况怎么办呢： 需要在标签内部进行某种 “骚操作” 。 需要控制流来控制不同数据下的不同渲染效果。 需要渲染一个数组。 这时候简单渲染就不能很好的解决问题了，怎么办 ？ 来一发数据绑定吧！ 绑定是什么 在了解绑定是什么之前，先了解一下什么是指令： 在 ” vue” 中，指令是带有 v- 前缀的特殊属性，用来修饰标签的（自定义组件在这里也统一归为标签，因为其使用方式和原生标签一样），其值的约束和模板语法一样，支持

  3. 所属分类：其它

    • 发布日期：2020-12-09
    • 文件大小：77kb
    • 提供者：weixin_38610012

  1. Vue中v-show添加表达式的问题(判断是否显示)

  2. 一、需求场景 1、先来说说我的需求，有数据来源和标签类型两行选项，如下图所示： 2、根据需求，我需要在点击上面的某个数据来源的时候，下面的标签类型自动切换， 需求说明如下： 3、一开始 是想写死的，就是把各种情况写死在页面上，后来查看官方文档一会，数据来源的集合可以这样写，id为各个类型的标识，name为名称，mark为点击某个数据来源 的时候标签类型根据当前点击的数据来源进行判断切换。如下图： infoTypeList: [ { id: 11, name: '新闻', m

  3. 所属分类：其它

    • 发布日期：2020-12-09
    • 文件大小：75kb
    • 提供者：weixin_38499553

  1. 关于vue里页面的缓存详解

  2. keep-alive是vue内置的一个组件，可以使被它包含的组件处于保留状态，或避免被重新渲染。 用法： 运行结果描述： input输入框内，路由切换输入框内部的内容不会发生改变。 在keep-alive标签内部添加 include：字符串或正则表达式。只有匹配的组件会被缓存 exclude： 字符串或正则表达式。任何匹配的组件都不会被缓存。 结合router缓存部分页面： 比较实用的例子： 思路：通过beforeRouterLeave这个钩子来对路由里面的keepAlive进行赋值。从而动

  3. 所属分类：其它

    • 发布日期：2020-12-13
    • 文件大小：174kb
    • 提供者：weixin_38718415

  1. Vue 通过自定义指令回顾v-内置指令(小结)

  2. Vue.js 的各种指令（Directives）更加方便我们去数据驱动 DOM，例如 v-bind、v-on、v-model、v-if、v-for、v-once 等内置指令，这些指令的职责就是当表达式改变时将某些行为应用到 DOM 上，尽量不去操作增删改 DOM。通过了解如何去自定义指令，可以想象内置指令是如何完成的。 内置指令 指令名称 描述 使用 v-model 绑定数据 v-text 输出文本,不能解析标签 v-html 输出文本,可解析标签 <\p v-

  3. 所属分类：其它

    • 发布日期：2020-12-12
    • 文件大小：120kb
    • 提供者：weixin_38686267

  1. 使用 Element UI Table 的 slot-scope方法

  2. 在 Element UI Table 的官网上，有一个“筛选”功能，里面可以利用 slot-scope，给表格记录打标签。 关键代码为： {{scope.row.tag}} 这里首先利用 slot-scope 属性（Vue 2.6.0 已废弃）将子组件的数据（row.tag）传递给了父组件。 利用三元表达式为

  3. 所属分类：其它

    • 发布日期：2020-12-30
    • 文件大小：50kb
    • 提供者：weixin_38591011

  1. Vue指令之 v-cloak、v-text、v-html实例详解

  2. v-cloak 当用户频繁刷新页面或网速慢时，页面未完成 Vue.js 的加载时，导致 Vue 来不及渲染，这就会导致在浏览器中直接暴露插值(表达式)，Vue由此也给出了解决方法。 在指定标签或整个父容器加入v-cloak指令，通过css选择器选中v-cloak，隐藏元素即可。 // html {{ msg }} // css [v-cloak]{ display:none; } // vue实例对象 => vm var vm = new Vue({ el:'#app',

  3. 所属分类：其它

    • 发布日期：2020-12-29
    • 文件大小：86kb
    • 提供者：weixin_38530846

  1. Vue的数据渲染语法和指令(插值表达式、v-cloak、v-text、v-html)

  2. 在Vue里 有好几种数据渲染的方法及相关指令 下面将一一介绍： 一、插值表达式 插值表达式是用两个花括号{{}}包裹属性 属性在Vue实例里定义： 通过Vue提供的指令即可很方便地将数据渲染到页面上 无需手动操作DOM元素了 Document {{msg}} var vm=new Vue({ el:#app, data:{ msg:Hello Vue!

  3. 所属分类：其它

    • 发布日期：2021-01-08
    • 文件大小：43kb
    • 提供者：weixin_38744375

  1. Vue基础1

  2. 第一个小实验 基础属性 el： 表示new的vue实例所要控制的区域。 data ： 表示new的vue实例所要控制的区域。 methds: 定义vue实例中所有的可用方法。 基础标签 v-clock：解决网速慢引起的标签显示问题， 仅仅替换自己的站位符中的内容 v-text：同样解决网速慢引起的标签显示问题，覆盖元素中的原本内容 v-html: 覆盖元素中的所有内容。显示msg占位符中的内容。 v-bind:用于绑定属性的指令。**简写为“ ： ”**在其绑定的属性中可以添加合法的JS表达式。

  3. 所属分类：其它

    • 发布日期：2021-01-07
    • 文件大小：117kb
    • 提供者：weixin_38508497

  1. 微信小程序复习巩固 —— （一）

  2. 微信小程序基础预热一、学习记录二、案例整理2.1 view 标签和 text 标签简单实用2.2 插值表达式简单使用2.3 wx:if 条件渲染 (类比 vue 中的 v-if v-show)2.4 wx:for 循环迭代2.5 综合小练习：九九乘法表三、总结3.1 完整代码 之前学了 vue2.5，并且做了一个模仿 去哪网界面，越是学的后面，越是发现 vue 的语法和微信小程序的语法是非常相似，这次把微信小程序基础重新捡起来，毕竟从去年暑假学完小程序到现在过去了挺长时间的，这次基础语法迅速过一

  3. 所属分类：其它

    • 发布日期：2021-01-03
    • 文件大小：80kb
    • 提供者：weixin_38623080

  1. web-template：web-template.js是一种基于ES6模板字符串解析的模板引擎-源码

  2. 网页模板 web-template.js是一种基于串联解析的模板引擎。 特色 纯原生浏览器解析，无任何依赖，无需编译，不拖泥带水 类vue模板语法，上手快，几乎可以不用看文档 支持dom-diff局部更新，性能高效 代码量极少，包含注释不到100行（由于添加了dom-diff特性，已经超过100行了〜），方便学习和扩展 更新 2020-11-27列表渲染支持key属性 2020-11-24支持dom-diff局部更新 2020-11-20 新增mount方法 新增block标签 2020-11-

  3. 所属分类：其它

    • 发布日期：2021-02-05
    • 文件大小：12kb
    • 提供者：weixin_42128315

  1. vue实现条件判断动态绑定样式的方法

  2. 在我们做前端页面的时候，为了美观和直观，我们希望通过条件判断来让页面显示不同的样式，如下图所示： 当值为“是”时，显示绿色的标签，当值为“否”时，显示为灰色的标签。 标签的样式分别为： 绿色标签 灰色标签 关键在于type的样式部分，我们利用vue的样式绑定，结合三元表达式使用 :type=”{条件} ? {如果为真} : {否则}” 在代码中： <el-tag size=medium :type=scope.row.is_multiple === '否' ?

  3. 所属分类：其它

    • 发布日期：2021-01-19
    • 文件大小：31kb
    • 提供者：weixin_38751512

  1. 详解VUE中的插值( Interpolation)语法

  2. 背景分析 在传统的html页面中我们可以定义变量吗？当然不可以，那我们假如希望通过变量的方式实现页面内容的数据操作也是不可以的。当然我们可以在服务端通过定义html标签库方式，然后以html作为模板，在服务端解析也可以实现，但这样必须通过服务端进行处理，才可以做到，能不能通过一种技术直接在客户端html页面中实现呢？ VUE中的插值语法 这种语法是为了在html中添加变量，借助变量方式与js程序中的变量值进行同步，进而简化代码编写。其基本语法为： {{变量或js表达式}} 在{{}}内部可以写:

  3. 所属分类：其它

    • 发布日期：2021-01-18
    • 文件大小：43kb
    • 提供者：weixin_38627603