一、安装Node环境1.下载地址:https://nodejs.org/en/ 安装过程——详细步骤 下载后，若要改安装路径自行改，其他一直下一步下一步。二、搭建Vue环境1、为了提高我们的效率，设置使用淘宝的镜像：http://npm.taobao.org/ npm config set registry https:
转载
2024-03-25 22:35:09
441阅读
一丶介绍1.vue是什么Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。2、初始Vue.js创建文件夹vue.js创建demo.html<!DOCTYPE html>
<
前言在实际开发中往往会遇到在做某一个功能时，不能使用白色的地图，这样达不到效果。其实百度API也想到了这一点，它也提供了个性化地图，在官网选择符合要求的地图样式发布，调用API在实际使用过程中我们要注意，应该在你引入的AK账号发布符合要求的个性化地图样式在Vue中给Vue-Baidu-Map加个性化样式的时候可能会因为版本问题报错但是我也查阅了很多资料下面会讲解报错和解决方案地图个性化样式也是有付
转载
2024-07-16 10:29:27
127阅读
前言我们再使用vue脚手架开发项目时，不可避免的涉及到多个环境来回切换接口调用地址的问题，在开发环境中可能会通过 ip 来访问后台接口，但是当项目上线后就要把对用的接口地址换成生产环境的地址，肯定不能再用 ip 来调用，因此我们每次打包发布的时候都要更改相关配置，非常痛苦，今天我们一起来通过代码的方式实现输入不同的命令自动配置不同的环境地址第一步：搭建vue脚手架，不会的请点击这里，搭建完成之后我
转载
2024-10-22 15:00:55
206阅读
目录前面的话什么是Vue-cli一、安装vue-cli二、初始化项目三、Vue-cli项目结构讲解四、启动项目五、参考文档前面的话前面通过学习vue.js的安装已经把软件的安装，环境配置给处理好了。。今天开始继续进一步的学习。俗话说得好“工欲善其事，必先利其器”，要想学好vue先学好如何使用工具。今天就学习Vue的脚手架工具——Vue-cli什么是Vue-clivue-cli 就是快速搭建一个 v
reactive 简记1. 需要注意的是，只有 typeof val=== ‘object’ 的数据才能使用这个api 转换为响应式数据（如果你违反了这个规则，开发模式下回给你友好亲切的提示）2. 如果你传入的对象本来是 readonly() 的只读数据，但是你将其传入 reactive 时，会直接将这个数据返回。因为转换不了。3. 如果你传入的数据 reactive 的响应式数据，则会直接返回。
转载
2024-10-21 14:13:53
39阅读
引言为了让用户更好的适应新版，或更方便使用公司内部系统，可以加入新手指引功能。如果你也想在自己的网页加入用户指引，那就试试在 vue 中使用 Intro.js 吧，它能够很轻松的制作出新手指引的效果。 一、效果介绍 话不多说，咱们先来上一张图看看效果那激动人心的时刻到了，我们如何 vue 中使用 Intro.js 在呢？二、Intro.js2.1、Intro.js 的安装Intro.js 是一个轻
vue TransitionVue 提供了两个内置组件，可以帮助你制作基于状态变化的过渡和动画：
<Transition> 会在一个元素或组件进入和离开 DOM 时应用动画。
<TransitionGroup> 用于对 v-for 列表中的元素或组件的插入、移除和顺序改变添加动画效果。Transition<Transition> 是一个内置组件，这意味着它在任意
Vue 提供了 transition 的封装组件，在以下情况下，可以给任何元素和组件添加进入/离开过渡。条件渲染 (使用 v-if)条件展示 (使用 v-show)动态组件组件根节点transitionProps：
name - string，用于自动生成 CSS 过渡类名。例如：name: 'fade' 将自动拓展为 .fade-enter，.f
一 ES6语法1 ECMAScript1995年，网景工程师Brendan Eich 花了10天时间设计了JavaScript语言。1996年，微软发布了JScript，其实是JavaScript的逆向工程实现。1997年，为了统一各种不同script脚本语言，ECMA（欧洲计算机制造商协会）以JavaScript为基础，制定了ECMAscript标准规范。JavaScri
转载
2024-07-03 22:11:23
76阅读
1.由于vue项目依赖 node.js npm 需要先安装. 若没有请先安装，请百度//检查是否有node.js npm vuewin+r 输入cmd 输入node -v 回车 会出现node,js的版本 输入npm -v 回车 会出现npm的版本输入vue -V 回车 会出现vue的版本
2.安装vue：
转载
2024-08-19 14:03:36
46阅读
一：下载node.js搭建vue开发环境之前，官网选择下载node.js。vue的运行是要依赖于node的npm的管理工具来实现。二：安装node.js一路 “下一步”操作，安装node。打开dos系统，查看node安装成功与否。输入node -v回车，成功即显示node的版本信息 npm包管理器，是集成在node中的，即安装了node也就有了npm,输入npm -v命令，显示npm的版
转载
2024-05-09 22:40:01
1518阅读
1.总览vue3不仅易于上手，还便于与第三方库或既有项目整合。安装1.在页面上以CDN包的形式导入2.下载JS文件并自行托管3.使用npm安装4.使用官方的CLI来构建一个项目。CDN<script scr="https://unpkg.com/vue@next"><script>下载并托管这些文件可以在unpkg或者jsDelivr这些CDN上浏览和下载。访问https:
概述【定义】 服务器渲染的Vue应用程序被认为是"同构"或"通用"，因为应用程序的大部分代码都可以在服务器和客户端上运行【优点】 与传统SPA相比，服务器端渲染(SSR)的优势主要在于： 1、更好的 SEO，搜索引擎爬虫抓取工具可以直接查看完全渲染的页面 截至目前，Google 和 Bing 可以很好对同步 JavaScript 应用程序进行索引。但如果应用程序初始展示 loading 菊
Vue.js 2.0引入Virtual DOM,比Vue.js 1.0的初始渲染速度提升了2-4倍，并大大降低了内存消耗； vue中模板转换成视图的大致过程是：vue.js 通过编译将 template 模板转换成渲染函数（render），执行渲染函数就可以得到一个虚拟的节点；然后在对 model 进行操作的时候，会触发 Dep 中的 Watcher 对象； watcher 对象会调用相应的
转载
2024-04-30 20:12:42
128阅读
1. 文档介绍的全局自定义指令在Vue的模板语法中我们除了使用：v-show、v-for、v-model等，Vue其实 也允许我们来自定义自己的指令。1）注意，在 Vue 中，代码复用和抽象的主要形式是组件。 2）然而，有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。先看一下vue3官方文档介绍使用的自定义全局指令：自定义全局指令：app的 directive 方
中已经对【vue2+webpack】的基础依赖项进行了安装和讲解，这篇文章继续对项目的依赖项进行完善。首先在【package.json】文件中的scripts加上"start": "webpack"；然后执行package.json中scripts的"start": "webpack"也就是在编辑器vsCode的终端中输入：【npm run start】如下图：图1会出现如上图提示，然后按照提示
转载
2024-10-15 19:54:42
88阅读
一、前端项目搭建 1. 建立好自己本地的项目目录 2. 初始化项目的环境 package.json使用的是npm init -y作用是：依赖清单记录、启动命令、版本信息等，包管理器3. 安装webpack -- npm i webpack -D （放在开发环境里）1. 开发环境 -- npm run server --save-dev（--save-dev 缩写 -D ）运行/
前言 大家好，我是LBJ，最近参与了 Vue 3新文档的翻译和校验工作我们知道 Vue 3 新文档 ( vuejs.org ) 已经发布一个多月了，但那是英文版的，不知道你看了没？没有看，那就有福了！中文版翻译要来了?为什么说它要来了呢？一是，原 Vue 3 中文文档 ( v3.cn.vuejs.org ) 尤大已经标注：旧版二是，新文档vuejs.org 对应的中文版翻译已经将 英文版中稳定的页
深入理解以下全局 API 的实现原理：
Vue.use、Vue.mixin、Vue.component、Vue.filter、Vue.directive、Vue.extend、Vue.set、Vue.delete、Vue.nextTick
目标深入理解以下全局 API 的实现原理。Vue.useVue.mixinVue.componentVue.filter
转载
2024-06-14 22:05:50
430阅读
