写法vue2 vue js

Vue 基本认识二:使用 Vue CLI 的 Vue 项目

注意 Vue CLI(手脚架)创建项目需要安装Node.js,没安装的看这里。 使用 Vue CLI 创建与运行项目,看这里。 Vue CLI 创建的项目文件夹和文件说明,看这里。 ......
Vue 项目 CLI

nvm(Node Version Manager)安装管理多个版本的 Node.js 和 npm。

本文转载自:nvm(Node Version Manager)安装管理多个版本的 Node.js 和 npm。 更多内容请访问钻芒博客:https://www.zuanmang.net 在使用 npm 安装多个版本的软件包时,需要使用 Node.js 的版本管理工具 – n 或 nvm(Node V ......
Node 多个 Manager Version 版本

Vue CLI 创建的 Vue 项目解释

src\assets 目录 这个目录存放静态文件 src\main.js 文件 /* 该文件是整个项目的入口文件 */ // 引入 Vue import Vue from 'vue' // 引入 App 组件,它是所以组件的父组件 import App from './App.vue' // 关闭生 ......
Vue 项目 CLI

JS(运算符、流程控制)

一 运算符(操作符) 1 运算符的分类 运算符(operator)也被称为操作符,是用于实现赋值、比较和执行算数运算等功能的符号。 JavaScript中常用的运算符有: 算数运算符 递增和递减运算符 比较运算符 逻辑运算符 赋值运算符 2 算数运算符 算术运算符概述 概念:算术运算使用的符号,用于 ......
运算符 流程

Vue CLI 安装与创建 Vue 项目

官网地址 前提:已经安装过Node 第一步:全局安装手脚架 npm install -g @vue/cli # OR yarn global add @vue/cli 第二步:创建 Vue 项目(注意要切换到想创建项目的目录) vue create xxx 第三步:启动项目 npm run serv ......
Vue 项目 CLI

Vue(六):数据代理

一、js中的Object.defineProptry方法 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>回顾Object.definePropetry方法</title> <script type="text/javascri ......
数据 Vue

vue编程-win环境初始化

[假定IDEA提前装好,Maven以及Git通过IDEA可安装] 1.安装NodeJS http://nodejs.org/dist/v18.16.1/node-v18.16.1-x64.msi 2.更新path 将${installPath}\node_modules\npm\bin添加至环境变量 ......
环境 vue win

Three.js教程:高光网格材质Phong

推荐:将NSDT场景编辑器加入你的3D工具链 其他系列工具:NSDT简石数字孪生 高光网格材质Phong 高光网格材质MeshPhongMaterial和基础网格材质MeshBasicMaterial、漫反射网格材质MeshLambertMaterial一样都是网格模型的Mesh的材质。 高光网格材 ......
网格 材质 教程 Three Phong

js中new Map ( )的使用场景

当有一组数据: ``` let arr = [ { name: '钢筋', value: 11 }, { name: '水泥', value: 12 }, { name: '混凝土', value: 13 }, { name: '加气砖', value: 14 } ] ``` 后台返回了一个13,但 ......
场景 new Map

Vue(五):Vue中的MVVM

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue中的MVVM</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <bod ......
Vue MVVM

Vue(四):el和data的两种写法

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>el和data的两种写法</title> <script type="text/javascript" src="../js/vue.js"></script> </head> < ......
写法 data Vue

Vue前端权限管理

一、登录权限控制 实现哪些页面能被未登录的用户访问,哪些页面只有用户登录后才能被访问 1、实现: 在路由对象中以添加meta的方式去实现登录页面权限控制 需要登录才能显示的页面设置meta.need_login属性 export const routes = [ { path: '/login',  ......
前端 权限 Vue

超级详细的Vue安装与配置教程

# 超级详细的Vue安装与配置教程 ##### 目录 - [一、下载和安装Vue](https://www.jb51.net/article/251371.htm#_label0) - [二、创建全局安装目录和缓存日志目录](https://www.jb51.net/article/251371.h ......
教程 Vue

前端Vue自定义数字输入框 带加减按钮的数字输入框组件

#### 前端Vue自定义数字输入框 带加减按钮的数字输入框组件, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13163 #### 效果图如下: #### ![](https://p3-juejin.byteimg.com/ ......
数字 前端 组件 按钮 Vue

前端Vue自定义支付密码输入键盘Keyboard和支付设置输入框Input

#### 前端Vue自定义支付密码输入键盘Keyboard和支付设置输入框Input, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13166 #### 效果图如下: ![](https://p3-juejin.byteimg ......
前端 Keyboard 键盘 密码 Input

前端Vue自定义简单实用轮播图封装组件 快速实现轮播图

前端Vue自定义简单实用轮播图封装组件 快速实现轮播图, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13153 效果图如下: ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fb ......
前端 组件 Vue

前端Vue自定义导航栏菜单 定制左侧导航菜单按钮 中部logo图标 右侧导航菜单按钮

前端Vue自定义导航栏菜单 定制左侧导航菜单按钮 中部logo图标 右侧导航菜单按钮, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13152 效果图如下: ![](https://p3-juejin.byteimg.com/ ......
菜单 按钮 前端 右侧 图标

vue3 ref和reactive的区别

这两个都是vue3引入的响应式数据的api。 但也有区别: 1.ref一般后面跟的是基础数据类型。 而reactive一般都是 对象或者数组 。 示例如下: //基础类型:number const count: Ref<number> = ref(0);//实例对象 const data=react ......
reactive vue3 vue ref

前端Vue自定义简单好用商品分类列表组件 侧边栏商品分类组件

#### 前端Vue自定义简单好用商品分类列表组件 侧边栏商品分类组件 , 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13148 #### 效果图如下: ![](https://p3-juejin.byteimg.com/t ......
组件 商品 侧边 前端 Vue

js中的splice用法

非常感谢原博主,在菜鸟教程上给我看蒙了,看完这篇感觉清晰了很多,感谢:https://so.csdn.net/so/search?q=splice&spm=1001.2101.3001.7020 # splice()函数详解 > splice() 方法通过删除或替换现有元素或者原地添加新的元素来修改 ......
splice

Vue(三):数据绑定(v-bind和v-model)

数据绑定分为单向数据绑定和双向数据绑定,单向数据绑定就是前面学习的v-bind指令,而双向数据绑定则是下面学习的v-model指令。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>数据绑定</title> <script ty ......
v-model 数据 v-bind model bind

js中的预解析

1. js 中的声明 声明就是 变量的声明和函数的声明, 其目的是让 js 解释引擎知道有什么东西. 声明时不参与运算的, 是不参与执行的, 是在预解析阶段就完成的. 变量的声明 // 变量的声明就是 var 变量名. var num = 123; // 这是一个语法糖,可以理解成 var num; ......

定义一个JS数组去重的方法

1、思路:定义一个新数组,并存放原数组的第一个元素,然后将元素组一一和新数组的元素对比,若不同则存放在新数组中 function unique(arr) { let newArr = [arr[0]]; for (let i = 1; i < arr.length; i++) { let repea ......
数组 方法

Vue(二):指令语法之v-bind

一、什么是指令语法 vue中模板语法有两大类,第一类是插值语法,第二类就是指令语法。 1.插值语法 插值语法在上一篇“vue的简单使用”中已经提到了。 功能:用于解析标签体的内容 写法:{{XXX}},XXX为js表达式 2.指令语法 功能:用于解析标签(包括标签属性、标签事件、标签体内容等) 本文 ......
指令 语法 v-bind bind Vue

【技术积累】Vue.js中的基础概念与语法【一】

博客推行版本更新,成果积累制度,已经写过的博客还会再次更新,不断地琢磨,高质量高数量都是要追求的,工匠精神是学习必不可少的精神。因此,大家有何建议欢迎在评论区踊跃发言,你们的支持是我最大的动力,你们敢投,我就敢肝 ......
语法 概念 基础 技术 Vue

Three.js教程:Threejs常见几何体简介

推荐:将NSDT场景编辑器加入你的3D工具链 其他系列工具:NSDT简石数字孪生 Threejs常见几何体简介 Three.js提供的几何体API很多,本节课先给大家介绍几个比较简单的案例,为后面的学习打下基础。 你可以结合threejs文档,把下面动手把下面几何体相关代码全部测试一遍,并预览3D效 ......
几何体 几何 常见 Threejs 简介

Vue(一):简单使用

1.引入js 要对vue进行使用,首先要引入相关的js文件: <script type="text/javascript" src="../js/vue.js"></script> 此处我将vue.js下载到了本地进行引用。 2.准备容器 <!-- 容器 --> <div id="root"> <h ......
Vue

JS中的数组的some()方法

some() 方法用于检测数组中的元素是否满足指定条件(函数提供)。 some() 方法会依次执行数组的每个元素: 如果有一个元素满足条件,则表达式返回true , 剩余的元素不会再执行检测。 如果没有满足条件的元素,则返回false。 注意: some() 不会对空数组进行检测。 注意: some ......
数组 方法 some

vue+axios实现token无感刷新

原文出处:https://www.jb51.net/javascript/286094r4h.htm 通常,对于一些需要记录用户行为的系统,在进行网络请求的时候都会要求传递一下登录的token。不过,为了接口数据的安全,服务器的token一般不会设置太长,根据需要一般是1-7天的样子,token过期 ......
axios token vue

手把手教你在Windows下搭建Vue开发环境

一、下载Note.js 下载地址:https://nodejs.org/zh-cn/download 二、点击安装包无脑下一步即可(建议修改下路径) 三、在选择的安装路径下创建两个文件夹node_cache和node_global 四、打开CMD,设置缓存路径和全局模块存放路径 4.1 缓存路径 n ......
Windows 环境 Vue