Vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符号(|)指示:<!-- 在双花括号中 --> {{ message | upperCase}} <!-- 在 `v-bi
export function createMatcher ( routes: Array, router: VueRouter ): Matcher { // 创建映射表 const { pathList, pathMap, nameMap } = createRouteMap(routes) // 添加动态路由 function addRoutes(routes){…} // 计算新路径 fu
Object.defineProperty1、如何实现object的变化侦测 想要实现数据侦测,首先要获取到两个重要的时机:数据赋值和数据读取。当数据读取时,我们来确定有哪些地方使用了数据;当数据赋值时,我们来通知这些地方,数据已经更新: 解释下这个图data:源数据observer :给数据源增加getter 和 settergetter:获取数据,这时候要记录哪些地方,用到了数据
Vue,品牌列表案例(仅添加,删除,搜索,添加时间过滤器)  之前的时间格式不符合我们正常的规范, 添加事件过滤器使他们符合规范看本文之前  请先看之前 讲事件过滤器的那篇随笔 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-
转载 10月前
92阅读
目录添加数据监测数据(data)原理及拓展监测数组及(对象,数组)监测概括第一部分:添加数据 <!-- 准备一个容器 --> <div id="root"> <h1>公司信息</h1> <h2>公司名称:{{school.name}}</h2>
ref 有三种用法: 1、ref 加在普通的元素上,用this.$refs.(ref值) 获取到的是dom元素2、ref 加在子组件上,用this.refs.(ref值).方法() 就可以使用了。3、如何利用 v-for 和 ref 获取一组数组或者dom 节点应注意的坑: 1、如果通过v-for 遍历想加不同的ref时记得加 :号,即 :ref =某变量 ; 这点和其他属性一样,如果是固定值就不
转载 10月前
41阅读
# Vue 3 获取 Axios Response 的完整指南 在现代 web 开发中,Vue.js 是一个非常流行的 JavaScript 框架,而 Axios 是一个基于 Promise 的 HTTP 客户端,用于浏览器和 node.js 的请求。本文将详细介绍如何在 Vue 3 中使用 Axios 获取 API 响应,并结合示例代码进行讲解。 ## 一、环境准备 开始之前,确保你已在项
原创 8月前
27阅读
最近在做公司搜索模块的前端界面,以前没觉得搜索能做出什么花样来,但最近在搜索上面得知的一些技法着实值得记录。一、提供全文搜索接口的搜索遇到的功能点:1.搜索结果高亮结果高亮主要的工程量在后台,在前端比较重要的是如何渲染出后台提供的h5代码。之前有看到直接截取后台代码里的值自己在前端重写了样式的,虽然这也算种做法,但后台提供的h5代码岂不是就失去了意义?所以最为常规的做法是在组件中使用
介绍众所周知,vue3 相较于 vue2 进行了很大提升,很大的一方面就是响应式原理上————使用了 Proxy。Proxy 可以先看看 阮一峰大大的教程,建议 15、16章节连起来看,那么如何去使用呢?我们可以这样的理解,reactive 和 ref 相当于一个语法糖,使用这两个语法糖创建的变量就具备了响应式的功能,能自动的在页面和数据之间进行驱动。可能有朋友不太理解,ref 在 vue2 中不
转载 2023-08-23 18:19:51
238阅读
vue3 如何获取env
原创 2023-07-29 01:05:55
509阅读
Vue3 常用的 Composition API (组合式 API)1. 拉开序幕的 setup  1. 理解: Vue3.0 中一个新的配置项,值为一个函数。  2. setup 是所有 Composition API (组合 API)“表演的舞台”。  3. 组件中所用到的:数据、方法等,均要配置在 setup 中。  4. setup 函数的两种返回值:1. 若返回一个对象,则对象
转载 2024-09-23 14:53:43
159阅读
创建一个应用实例每个Vue应用都是通过createApp函数创建一个应用实例开始的:const app = Vue.createApp({ /*options*/ })应用实例是注册一个可供组件在应用内使用的“全局变量”。我们先看一个快速实例,然后再详细讨论:const app = Vue.createApp({}) app.component('SearchInput',SearchIn
数组: v-for /index。  对象: v-for /key1.v-for遍历数组【v-for遍历数组语法】v-for="item in items"tems:要遍历的数组,需要在vue的data中定义好;item:迭代得到的数组元素的别名。【代码例子】<div id="app"> <ul> <li v-for="user in
项目目录说明. |-- config // 项目开发环境配置 | |-- index.js // 项目打包部署配置 |-- src // 源码目录 | |-- components // 公共组件 |
1,需求分析  公司的项目有这样一个需求: 同一个list组件,根据传过来的listId渲染成多个页面,每个页面都可以下拉。在返回到不同的list页面时,要保留当时下拉的位置。  说的我自己都有点懵逼了,画个图来示范下吧!  demogithub地址   这三个页面都总用的list.vue这个组件。如果三个页面都渲染后,通过上方的导航,可以跳到对应的list页面,当然,也要保留当时下拉的位置。由于
转载 2024-10-10 06:37:01
73阅读
1.v-for: <ul> <li v-for="book in books"> <h3>{{ book.title }} - {{ book.author }} - {{ book.age }}</h3> </li> </ul> javascript: data() { return { book ...
转载 2021-09-11 22:45:00
651阅读
2评论
挂载#app <div id="app"></div> <script src="../js/vue.js"></script> <script> Vue.createApp({ template: `<h2>你好啊, 李银河</h2>` }).mount("#app"); </script> 问题 ...
转载 2021-07-17 15:38:00
665阅读
2评论
原创 2023-07-27 21:47:21
10000+阅读
依赖安装npm install three如果有用 typeScript 安装npm install @types/three开始 建一个.vue文件 准备一个空的模板我们需要给生成的canvas准备一个容器<template> <div id="three"></div> </template>引入Threejs依赖<script l
Vue3
原创 3月前
48阅读
  • 1
  • 2
  • 3
  • 4
  • 5