vue-文档_51CTO博客

VUE-认识Vue

1.认识VueVue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。前端框架三巨头：Vue.js、React.js、Ang...

认识Vue

vue

vue.js

react.js

自底向上

原创

wx5d0241bb88268

2021-08-18 10:48:59

446阅读

VUE-认识Vue

1.认识VueVue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时

认识Vue

vue

vue.js

react.js

第三方库

原创

wx5d0241bb88268

2022-03-04 15:33:42

218阅读

vue-面试

1.单页面应用与多页面应用的去别 2.简述一下Sass、Less，且说明区别？他们是动态的样式语言，是CSS预处理器,CSS上的一种抽象层。他们是一种特殊的语法/语言而编译成CSS。变量符不一样，less是@，而Sass是$;Sass支持条件语句，可以使用if{}else{},for{}循环等等。

vue面试

数据

生命周期

css

事件处理

转载

mob604756fd5175

2018-12-20 15:25:00

159阅读

VUE-组件

原先结构：抽离头部组件（可读性差）：抽离组件的模板：组建的选项：局部注册组件：父子组件父组件

html

vue.js

自定义

原创

阿里CTO

2022-07-22 15:39:34

80阅读

VUE-指令

5.指令什么是指令？指令 (Directives) 是带有 v- 前缀的特殊特性。指令特性的预期值是：单个 JavaScript 表达式。指令的职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM。例如我们在入门案例中的v-on，代表绑定事件。5.1.插值表达式5.1.1.花括号格式：{{表达式}}说明：该表达式支持JS语法，可以调用js内置函数（必须有返回...

vue

指令

数据

vue.js

html

原创

wx5d0241bb88268

2021-08-18 10:49:56

141阅读

Vue-指令

指令内置指令 v-show 根据表达式值的真假，显示或隐藏HTML元素。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>v-show指令</title> </head> <body> <div id="app"> <h1 v ...

html

数组

修饰符

钩子函数

java

转载

mob604756ff98d6

2021-08-11 22:02:00

170阅读

2评论

vue-模板

1、vue模板简介 vue.js使用基于HTML的模板语法，可以将DOM绑定到Vue实例中的数据。模板就是{{}}，用来数据绑定，显示在页面上，也称为Mustache语法。 2、数据绑定的方式 a.双向绑定 v-model b.单向绑定方式1：使用两对大括号{{}}，页面上可能会出现闪烁的问题（可 ...

Vue

html

vue.js

数据绑定

存储数据

转载

mob604756ff6c49

2021-08-24 17:07:00

283阅读

2评论

Vue-路由

路由理解：一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理。前端路由：key是路径，value是组件。 vue-router vue 的一个插件库，专门用来实现 SPA 应用 SPA：单页 Web 应用（single page web ...

js

vue

前端

权限控制

多级

转载

mob604756e78484

2021-08-26 11:33:00

185阅读

2评论

vue-表单

表单输入绑定计算属性任何复杂的业务逻辑，都应当使用计算属性计算属性具有依赖性，依赖的值发生改变，计算属性的值才会发生改变计算属性 PK 方法计算属性具有依赖性，只有依赖的值发生改变才会重新触发改变方法只要执行一次，就会触发一次侦听属性侦听属性 PK 计算属性侦听属性需要比计算

用户名

html

初始化

原创

阿里CTO

2022-07-22 15:35:25

135阅读

vue-表单

表单输入绑定计算属性任何复杂的业务逻辑，都应当使用计算属性计算属性

用户名

html

初始化

原创

我真不想敲代码

2023-03-24 19:57:25

65阅读

VUE-指令

5.指令什么是指令？指令 (Directives) 是带有 v- 前缀的特殊特性。指令特性的预期值是：单个 JavaScript 表达式。指令的职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM。例如我们在入门案例中的v-on，代表绑定事件。5.1.插值表达式5.1.1.花括号格式：{{表达式}}说明：该表达式支持JS语法，可以调用js内置函数（必须有返回...

vue

指令

数据

vue.js

html

原创

wx5d0241bb88268

2022-03-04 15:33:24

217阅读

vue-插槽

内容分发的工具 1.匿名插槽 //compontent <template> <div class="slot"> <slot></slot> </div> </template> // parent <slotComponten> 内容 </slotComponten> //效果组件的slot展

vue

插槽

数据

作用域

原创

﹏の、浅笑

2022-07-06 11:57:02

97阅读

vue-打包

vuecli：前端开发脚手架工具，依赖于webpack打包工具 webpack：包管理工具，依赖nodejs环境 nodejs：安装nodejs同时会安装npm，通常会重新配置cnpm npm：可以下载管理依赖包（下载的依赖可以分为全局依赖和项目依赖），还提供了打包，启动服务等命令开发中：可以通过 ...

vue

服务器

前端开发

启动服务

管理工具

转载

mob604756e88498

2021-09-02 21:08:00

617阅读

2评论

VUE-基础

Vue运行原理： Vue框架将vue语法编译成原生js语法 MVVM设计思想： M：model，提供数据 V：view，展示页面，本质即DOM VM：View-Model，控制逻辑

数据

插值

表单

修饰符

模版

转载

mb5fe18e7c44408

2021-09-12 10:28:00

152阅读

VUE-组件

原先结构：抽离头部组件（可读性差）：抽离组件的模板：组建的选项：局

html

Vue

List

原创

我真不想敲代码

2023-03-24 19:19:17

87阅读

vue-安装vue（npm）

通过安装node.js和npm的方法来安装vue 在用 Vue 构建大型应用时推荐使用 npm 安装。npm 能很好地和诸如 webpack 或 Rollup 模块打包器配合使用。 npm: Nodejs下的包管理器 webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的 ...

Vue

node.js

html

根目录

系统变量

转载

mb5fe1902d5617a

2021-08-18 15:44:00

828阅读

2评论

vue-安装vue（CDN）

CDN 进入vue官网，下载最新核心库。https://unpkg.com/vue@next ...

Vue

官网

IT

转载

mb5fdb128f2dba9

2021-08-18 15:05:00

340阅读

2评论

VUE-组件化

6.组件化在大型应用开发的时候，页面可以划分成很多部分。往往不同的页面，也会有相同的部分。例如可能会有相同的头部导航。但是如果每个页面都独自开发，这无疑增加了我们开发的成本。所以我们会把页面的不同部分拆分成独立的组件，然后在不同页面就可以共享这些组件，避免重复开发。6.1.全局组件我们通过Vue的component方法来定义一个全局组件。<div id="app"> ...

组件化

vue

javascript

复用

vue.js

原创

wx5d0241bb88268

2022-03-04 15:31:06

123阅读

VUE-快速入门

3.快速入门接下来，我们快速领略下vue的魅力3.1.创建工程创建一个新的空工程：然后新建一个module：选中static web，静态web项目：位置信息：3.2.安装vue3.2.1.下载安装下载地址：https://github.com/vuejs/vue可以下载2.5.16版本https://github.com/vuejs/vue/archive/v2.5...

快速入门

vue

数据

vue.js

github

原创

wx5d0241bb88268

2022-03-04 15:33:54

63阅读

vue-入门实例

vue-入门实例案例1--hello world案例2--数据显示的三种方式案例3--事件与方法案例4--事件修饰案例5--v-model双向数据绑定案例6--this的使用案例7--样式：class案例8-- ：style案例9 --数据遍历案例10-- v-show与v-if案例1–hello world<!DOCTYPE html><html lang="en">...

vue

原创

冷月心_bytedance

2021-07-15 11:15:08

222阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

vue-文档

VUE-认识Vue

VUE-认识Vue

vue-面试

VUE-组件

VUE-指令

Vue-指令

vue-模板

Vue-路由

vue-表单

vue-表单

VUE-指令

vue-插槽

vue-打包

VUE-基础

VUE-组件

vue-安装vue（npm）

vue-安装vue（CDN）

VUE-组件化

VUE-快速入门

vue-入门实例

vue-监听（watch）

VUE-项目结构

VUE-快速入门

vue-常用指令

Vue-事件监听

Vue-图片上传

VUE-表单验证

VUE-路由基础

vue-菜单管理

Vue-注册事件