vue 文件中 name 的作用
原创 2023-06-03 00:36:35
177阅读
1、build 文件夹: 里面是对 webpack 开发和打包的相关设置,包括入口文件,输出文件,使用的模块等。 1.1 webpack.base.conf.js :打包的核心配置 1.2 build.js:构建生产版本,项目开发完成之后,通过build.js打包(加载base与prod,读取完之后
原创 2022-09-24 00:59:15
721阅读
除了 js 已有的功能外,vue还具有自己独特的作用域级别。作用域控制可以使用哪些变量以及在何处使用。它控制它们对应用程序的不同部分的“可见性”。 了解 vue 提供的作用域级别之间的差异会帮助我们编写更清晰的代码。
转载 2020-09-29 14:50:00
89阅读
2评论
一、安装引用安装:npm install vue-resource --save-dev引用:/*引入Vue框架*/ import Vue from 'vue' /*引入资源请求插件*/ import VueResource from 'vue-resource' /*使用VueResource插件*/ Vue.use(VueResource)二、简单语法引入vue-resource后,可以基于
转载 2024-03-07 13:02:45
63阅读
下面是通过vue-cli脚手架创建的一基于webpack模板的vue项目
原创 2023-09-06 09:24:27
81阅读
vue中使用amap这几天被公司要求在APP端做出一地图,且在地图上来显示不同公司的详细信息的功能。众所周知,人们在面对一新的陌生事物时,可能会有一种陌生以及不安的心理(ps: 那些大佬当我没说),俺也一样。所以记录一下本次做地图的一些细节以及具体做法。那么废话不多说,直接开始吧。一: 首先得知道地图的基本展现(你得能先让地图主体出来,在搞其他)1.1 安装 ( 官方链接:https://el
前言当render函数创建之后,通过watcher实例触发render函数执行后,实际上这个过程会创建子组件、标签等对应的虚拟节点对象VNode,也可能会触发相关属性从而触发视图更新。最后的操作都会流转到patchVNode的处理逻辑即patch阶段。patch阶段会采用diff算法最大复用DOM,减少DOM成本。本篇不会细究vue diff算法,而是聊聊patch除了diff算法复用DOM之外的
转载 2024-10-13 14:44:32
81阅读
Axios :Axios 是一基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中,是http的客户端 由于在做vue项目,Vue2.0之后,尤大大推荐大家用axios替换vue-resource(虽然也能用但已经不维护了),Axios本质上也是对原生XHR的封装它有一些特性1:从浏览器中创建 XMLHttpRequests: 2:从 node.js 创建 http 请求
computed 和 watch 的区别和运用的场景?computed:是计算属性,依赖其它属性值,并且 computed 的值有缓存,只有它依赖的属性值发生改变,下一次获取 computed 的值时才会重新计算 computed 的值;watch:没有缓存性,更多的是「观察」的作用,类似于某些数据的监听回调 ,每当监听的数据变化时都会执行回调进行后续操作;当我们需要深度监听对象中的属性时,可以打
转载 2023-07-10 16:00:20
105阅读
随笔一已介绍了vue的安装及项目搭建,随笔记录二我打算用来记录一些常用指令和文件夹的含义(新手可以看过来了哈~)vue项目的文件夹含义:                        直接偷了一段大佬对于这些文件夹的注解     &nbsp
1、示例代码 2、效果 3、说明 渲染子组件的内容,将子组件数据传递到插槽。 子组件: 父组件:
转载 2018-05-16 09:30:00
79阅读
2评论
使用场景:复用子组件的slot,又可以使slot的内容不一样。<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8" /> <title>Vue</title> </he
原创 2022-03-29 09:59:21
120阅读
slot插槽(内容分发)用法:<slot name="ddd"></slot>放置你需要插入内容的地方场景:组件中插入内
原创 2023-05-11 11:09:01
137阅读
AndroidManifest.xml、xml为布局文件res为资源文件Java代码,包括Script...
原创 2023-05-18 17:18:06
19阅读
(1)浏览器本身并不认为.vue文件,所以必须对.vue文件进行加载解析,此时需要vue-loader (2)类似的loader还有许多,如:html-loader、css-loader、style-loader、babel-loader等 (3)需要注意的是vue-loader是基于webpack
转载 2019-11-27 16:41:00
156阅读
2评论
使用场景:复用子组件的slot,又可以使slot的内容不一样。
转载 2017-12-18 17:05:00
94阅读
2评论
vue中的passivevue的文档中提到Vu
原创 2023-06-28 14:16:45
268阅读
vue-loader:解析和转换 .vue 文件,提取出其中的逻辑代码 script、样式代码 style、以及 HTML 模版 template,再分别把它们交给对应的 Loader 去处理。css-loade:加载由 vue-loader 提取出的 CSS 代码。vue-template-compiler:把 vue-loader 提取出的 HTML 模版编译成对应的可执行的 JavaScript 代码,这和 React 中的 JSX 语法被编译成 JavaScript 代码类似。预先编译好
转载 2021-08-12 13:54:15
1466阅读
摘抄自:https://www.jianshu.com/p/0c9516a3be80  
原创 2022-12-20 21:52:32
98阅读
key值的作用key值大多情况下使用在循环语句中,从本质来讲主要作用大概有以下两点:主要用在 Vue 的虚拟 DOM 算法,在新旧 nodes 对比时辨识 VNodes,相当于唯一标识ID。Vue 会尽可能高效地渲染元素,通常会复用已有元素而不是从头开始渲染, 因此使用key值可以提高渲染效率,同理,改变某一元素的key值会使该元素重新被渲染。key的工作原理// 因为key值主要使用在虚拟DOM
  • 1
  • 2
  • 3
  • 4
  • 5