Vue基础

Vue基础下篇——学习周记13

Vue基础下篇小例题Vue1Vue2Vue3超级好玩的Vue4Vue5超级实用的Vue6小例题Vue1请输入1-10：1&&typetruefalsenewVue({el:'#app',data:{type
咸盐月饼·2023-03-18 18:54

三、Vue基础-组件（上）

目录1、单页面应用程序1.1、什么是单页面应用程序1.2、单页面应用程序的特点1.3、单页面应用程序的优、缺点1.4、快速创建vue的spa项目2、vite的基本使用2.1、创建vite项目2.2、项目结构3、组件化开发思想3.1、什么是组件化开发思想3.2、组件化开发的好处3.3、vue中的组件化开发4、vue组件的构成4.1、vue组件组成结构4.2、组件的template节点4.3、组件的s
展流·2023-03-17 10:47

Vue基础知识总结 4：vue组件化开发

作者简介：哪吒，CSDN2021博客之星亚军、新星计划导师✌、博客专家哪吒多年工作总结：Java学习路线总结，搬砖工逆袭Java架构师关注公众号【哪吒编程】，回复1024，获取Java学习路线思维导图、大厂面试真题、加入万粉计划交流群、一起学习进步目录一、函数式编程1、函数式编程简介2、代码实例二、v-model1、v-model双向绑定2、v-model和radio结合使用3、v-model和C
哪 吒·2023-03-17 10:08

搭建Vue-TypeScript项目(一)

搭建Vue-TypeScript项目(一)这是一个系列文章，一步步搭建vue项目，包含vue-cli3，axios，vuex，vue-router，type-script等等假设你有了vue基础,并且学会了基础的
风轻云淡小小木·2023-03-16 06:38

FY-7216 8-vue基础知识&vue 进阶&vue-cli

vue进阶用法特征一：模板化插槽默认插槽组件外部维护参数以及结构，内部安排位置具名插槽以name标识插槽的身份，从而在组件内部做到可区分作用域插槽slot-scope（2.6before）v-slot(after)外部做结构描述勾勒，内部做传参模板数据的二次加工watch、computed=>相应流过于复杂（computed赋值）方案一：函数-独立、管道/无法响应式方案二：v-html方案三：过滤
hahahafffyyy·2023-03-15 21:24

Vue基础语法之v-on

一、js文件varapp=newVue({el:'#app',methods:{onClick:function(){console.log('onClick')},onEnter:function(){console.log("onEnter")},onOut:function(){console.log("onOut")},onSubmit:function(e){e.preventDefau
最底层的技术渣·2023-03-15 19:49

vue基础知识总结及测试遇到的前端bug分析

vue基础知识总结、测试遇到的前端bug分析原因1、生命周期钩子beforeCreate第一个生命周期函数，表示实例完全被创建之前，会执行这个函数，在beforeCreate生命周期函数执行的时候，data
相约在一年四季·2023-03-14 21:33

Vue基础入门小demo——记事本

文章目录前言demo介绍完整代码最终效果案例分析前言记事本（不是操作系统的那个记事本，是一个简单的网页版本记事本）是一个较全面的Vue指令集合案例，在你学习完大部分基本的v-指令后（如v-model），你可以写这个记事本案例，来熟悉和巩固v-指令的使用方法，记事本这个案例是一个功能比较齐全的小demo，是一个不错的练手案例。涉及指令：v-onv-forv-modeldemo介绍布局包括：上面是一个
黛琳ghz·2023-03-13 23:33

后端必备之VUE基础【黑马程序员】

黑马程序员4小时入门VUE传送门1.简介Vue是一个操作JavaScript的框架，类似于jQuery，但比jQuery好用，是现在的主流2.测试例子Documents{{message}}-->varapp=newVue({el:"#app",data:{message:"sss"},});3.el挂载点{{message}}varapp=newVue({//.app对应的是class选择器，d
Infinity_and_beyond·2023-03-13 18:01

后端快速上手前端框架Vue+Element+Axios

文章目录前言Vue一.vue基础二.vue常见指令三.vue生命周期ElementAxios1.基本用法2.特性Vue+Axios前言面向后端人员，旨在快速熟悉Vue+Element框架以及Vue+Axios
nanyidev·2023-03-13 15:35

vue基础面试题

1、vue的双向绑定原理是什么通过数据劫持结合发布者-订阅者模式的方式实现的，具体过程如下：实现数据双向绑定，首先是对数据进行劫持监听，所有需要设置一个ObServer，用来监听所有属性。如果属性发生变化，就需要告诉订阅者Watcher看是否需要更新，因为订阅者有很多，所以还需要一个消息订阅器Dep来专门收集这些订阅者，然后在监听器ObServer和订阅者Watcher之间进行统一管理还需要一个C
阿羡吖·2023-03-11 22:35

Vue基础入门（Ⅰ）

内容一览建议配合原图使用vue简介1.什么是vue2.vue的特性2.1数据驱动视图2.2双向数据绑定2.3MVVM2.4MVVM的工作原理vue的基本使用1.基本使用步骤2.基本代码与MVWM的对应关系vue的调试工具1.安装vue.devoos调试工具2.配置Chrome浏览器中的vuedevtools3.使用vue-devtools调试vue页面vue的指令与过滤器1.指令的概念指令(Dir
ZBink·2023-03-11 21:44

Vue基础语法(值相关)

Mustache语法基本用法演练：{{message}}{{message+message}}标价为：{{price*2}}取数组下标值：{{arr[2]}}算数运算：{{arr[2]+arr[3]*arr[4]}}直接打印数组：{{arr}}姓名：{{obj.name}}年龄：{{obj.age}}身高：{{obj.high}}直接打印对象：{{obj}}执行函数：{{fn(3)}}consta
kevin5979·2023-03-11 08:46

前端——Vue基础语法

Vue介绍Vue是一套构建用户界面的渐进式前端框架。只关注视图层，并且非常容易学习，还可以很方便的与其它库或已有项目整合。通过尽可能简单的API来实现响应数据的绑定和组合的视图组件。特点易用：在有HTMLCSSJavaScript的基础上，快速上手。灵活：简单小巧的核心，渐进式技术栈，足以应付任何规模的应用。性能：20kbmin+gzip运行大小、超快虚拟DOM、最省心的优化。Vue的使用下载和引
独孤小白狐·2023-03-10 16:27

01-Vue基础之模板语法

文章目录01.Vue概述1.1.简介1.2.VUE实例属性（七大属性）1.3.注意事项02.Vue入门案例（helloworld）03.VUE模板语法概述04.VUE中的数据绑定（插值语法）4.1.Vue中数据绑定概述4.2.插值语法之v-cloak插值指令4.3.插值语法之v-text插值指令4.4.插值语法之v-html插值指令4.5.插值语法之v-pr插值指令4.6.插值语法之v-once插
彤彤的小跟班·2023-03-10 16:56

Vue基础--Vue中的常见基础指令详解

一、指令的概念Vue中的指令就是带有v-前缀的特殊属性。它们能扩展HTML标签的功能。二、Vue中的基础指令2.1v-oncev-once用于指定元素或者组件只渲染一次。当数据发生变化时，元素或者组件以及其所有的子元素将视为静态内容并且跳过。该指令可以用于性能优化。{{message}}{{message}}改变message//1.创建appconstapp=Vue.createApp({dat
流水武qin·2023-03-10 11:58

Vue基础项目模板搭建

背景：做业务，总是免不了面对那些快速开发的需求，快速开发意味着给开发者的时间不多，如果有一套基础的模板存在，就可以省掉不少前期的工作，而专心于业务的开发为什么需要一个基础模板这个问题实际问的是，vue-cli本身提供的那一套模板不好么？是的，一般来讲我们都会通过vue-cli去快速启动一个项目，但问题是创建出来的那套项目模板过于基础简单，而我们实际业务开发场景需要更多的基础设施——比如请求工具等常
单调先生·2023-03-09 18:09

Vue前端框架-基础入门

Vue基础入门1.Vue简介1.1Vue.js是什么1.2Vue.js特点2.所需工具3.框架体系4.搭建项目4.1简单安装过程：4.1.1安装node.js4.1.2安装vue及依赖包4.1.3创建一个
cuicui_0829·2023-02-18 00:19

vue讲解基础知识点总结

https://juejin.im/post/5d5375a0f265da03db076f59#heading-32vue基础知识点1.vue中常见的指令1.1数据相关的指令v-text：主要用来更新textContent
world_7735·2023-02-17 23:43

d6-d7-d8vue基础知识学习【官网】

vue学习CDN一.Vue实例1.1创建一个Vue实例每一个Vue应用都是通过Vue函数创建一个新的Vue实例开始的varvm=newVue({//选项})vmViewModel之缩写一个Vue应用由一个通过newVue创建的根Vue实例，以及可选的嵌套的、可复用的组件树组成。举个例子，一个todo应用的组件树可以是这样的：根实例└─TodoList├─TodoItem│├─DeleteTodoB
坚持日更的路上·2023-02-17 07:30

Vue基础系列(一) Vue是个啥?

Vue构建大型单页面电商应用开源啦!点我看源码阅读时间预估:3分钟啥是Vue?当你看到这篇文章的时候,想必这位大侠难免多少略知Vue这个世界级别的框架的来头,华裔程序贵族尤雨溪大佬的开源作品(膜拜大佬三分钟...),从面世至今gitHub上的点赞数量已经超过Angular,React等著名框架,的发紫,着实有后来者居上的感觉,Vue借鉴了前两者的优秀设计模式和思想以一种渐进式的模式呈现给我们,意图
极客James·2023-02-07 09:58

uni-app开发 node和vue基础

node和vue基础具体安装步骤和流程小程序开发入门Node.js详解node.js是什么？Node.js是一个基于ChromeV8引擎的JavaScript运行环境。
歐陽公子·2023-02-05 08:56

vue指令

文章目录1.vue基础1.el挂载点2.data数据对象2.vue指令1.v-text2.v-html3.v-on3.1自定义参数3.2事件修饰符4.v-show5.v-if6.v-bind7.v-for8
code袁·2023-02-04 06:41

Vue基础教程，使用方法

一.引入vue.js二.创建一个vue实例在实例化vue的时候，有两种挂载方式1.最常用的做法就是直接在实例化的时候利用el:"#app"来挂载元素el：设置被操作的元素，表示vue要控制的区域，值为css选择器data：类型是对象作用存放要用到的数据，数据为响应式的三.将数据绑定到页面元素{{lcy}}{{}}意思是Mustach语法，vue中用{{}}来定义模板和数据的关联，可以是proper
月苏西·2023-02-03 11:25

Vue基础语法之计算属性与监视属性(computed,watch)

1.计算属性计算属性:1.定义:要用的属性不存在，要通过已有属性计算得来。2.原理:底层借助了0bjcet.defineproperty方法提供的getter和setter.3.get函数什么时候执行?(1).初次读取时会执行一次。(2).当依赖的数据生改变时会被再次调用。4.优势:与methods实现相比，内部有缓存机制(复用)，效率更高，调试方便。5.备注:1.计算属性最终会出现在vm上，直接
笑笑。·2023-02-03 11:53

史上最简单的Vue入门教程，Vue基础语法

Vue简介：IDEA中安装vue插件demo.html（cdn引入vue.js）Title{{message}}鼠标悬浮查看效果YesNo{{item.msg}}--{{index}}按钮-->varvm=newVue({el:"#app",data:{message:"hello,vue",ok:true,items:[{msg:'苹果'},{msg:'香蕉'}]},methods:{sayhi
ThatMonth·2023-02-03 11:53

Vue基础用法-指令(一)

vue简介1.什么是vue官方给出的概念：Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的前端框架。构建用户界面用vue往html页面中填充数据，非常的方便框架框架是一套现成的解决方案，程序员只能遵守框架的规范，去编写自己的业务功能！要学习vue，就是在学习vue框架中规定的用法！vue的指令、组件（是对UI结构的复用）、路由、Vuex、vue组件库2.vue的特性vue框架的特
程序猿向前跑·2023-02-03 11:18

Vue基础（一）——入门

一、前端开发三大框架1、Vue：尤雨溪主导开发2、React：脸书（Facebook）主导开发3、Angular：谷歌主导开发华人开发，入门简单，所以国内用Vue的较多。二、使用Vue的两种方式1、直接引入vue.js文件2、基于Node环境创建Vue项目（使用vue/cli创建初始化一个Vue项目）三、Vue开始使用1、下载vue.js2、index.html：indexhelloworld!{
pro1822·2023-02-03 10:46

VUE基础入门

第0章Vue介绍0.0开发工程发展历史通过前面的介绍，我们对目前的项目工程化有了大体了了解，那么其中，在第二阶段的工程化演进中，有一个重要的工程设计理念诞生，他就是著名的MVC设计模式，简单点，MVC其实就是为了项目工程化的一种分工模式；[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7g1yLEs1-1669803038829)(.\img\Snipaste_201
学不会不改名的小林·2023-02-03 10:44

Vue基础知识学习

Vue前端框架一、Vue基础1、导入包开发板的Vue.js2、创建Vue的实例对象，设置el属性和data属性#–>id选择器3、使用简洁的模板语法把数据渲染到页面上el是挂载点作用：设置Vue实例挂载注意
小鹿兄弟·2023-02-03 10:12

vue基础

常用插件vue-cli快速构建vue项目的脚手架工具安装并构建项目1.npminstall-gvue-cli2.选择webpack模板搭建vue项目：vueinitwebpackcartool3.启动项目进入cartool目录，执行npmrundev通过localhost:8080访问，用webstorm打开项目进行开发webpackWebPack可以看做是模块打包机，通过分析项目结构，找到Jav
沐晓黑·2023-02-02 02:18

vue基础并加入elementUI

生命周期函数组件挂载以及组件更新、组件销毁的一系列的方法。这些方法就叫做生命周期函数。其中函数有：beforeCreate-实例化刚刚被创建;created-实例化创建完成；beforeMount-模板编译之前；mounted-模板编译完成，请求数据，操作dom，放在这个里面；beforeUpdate-数据更新之前；Updated-数更新之后；beforeDestroy-实例销毁之前，页面销毁的时
Zola_4f36·2023-02-01 08:12

Vue基础二

Vue.js-Day2品牌管理案例添加新品牌删除品牌根据条件筛选品牌1.x版本中的filterBy指令，在2.x中已经被废除：filterBy-指令{{item.id}}{{item.name}}{{item.ctime}}删除在2.x版本中手动实现筛选的方式：筛选框绑定到VM实例中的searchName属性：输入筛选名称：在使用v-for指令循环每一行数据的时候，不再直接iteminlist，而
折枝赠远方·2023-02-01 01:57

二、vue基础-路由（重要）

嵌套路由嵌套路由需求场景实际开发中的应用界面，通常由多层嵌套的组件组合而成嵌套结构要对应着嵌套路由(通过路由实现组件的嵌套展示，叫做嵌套路由)添加嵌套路由配置使用children可以添加嵌套路由的配置需要为谁添加嵌套路由，就是这个父级路由中添加children配置children里面的路由配置和根路由配置类似注意，以/开头的嵌套路径会被当作根路径，根据需要进行选择{path:'/about',na
beizi·2023-01-31 16:24

Vue快速入门（笔记+小案例）

Vue基础一、vue基础,介绍，基本架构二、vue本地应用，常见语法，基于本地数据实现案例（计时器，图片切换，记事本）三、网络应用，常见网络请求库axios，在vue中结合进行数据交互，实现案例（天气预报
前端菜狗·2023-01-30 04:47

vue基础

一，vue基础数据绑定列表循环事件处理在script标签中//实例化vuevarapp=newVue({el:'#box',/*vue实例关联的视图*/data:{/*业务逻辑里面的数据*/msg:'这是一个
liuguangsen·2023-01-30 03:35

vue基础

v-bind:v-bind:(属性名)单向数据绑定v-model:v-model:(属性名)双向数据绑定,一般绑定的是表单控件(input框之类的)
爱搞事的喵·2023-01-30 01:35

Vue 组件创建的流程源码分析

创建组件的时候都会调用Vue.extend注册组件第二个参数默认会调用extend,Vue.extend使用Vue基础构造器产生子类Vue.extend()中data必须是一个函数，继承与Vue,可以new
vivianXIa·2023-01-29 17:12

2019-05-23Vue基础

Vue主要包含两个部分：Vue对象和指令1.Vue对象var对象名=newVue({el:关键对象的选择器,data:数据对象(属性和值自己决定),methods:方法对象(属性对应的值是方法)})1.设置标签内容{{name}}varapp1=newVue({el:'#app-1',data:{message:'我是p标签',name:'认识Vue.js'}})2.设置标签属性值v-bind:属
十点半的橙汁·2023-01-26 13:13

vue基础

Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。介绍—Vue.js创建vue的简单步骤导入开发版本的Vue.js创建Vue实例对象,设置e
蜗牛_Chenpangzi·2023-01-26 12:19

Vue基础篇--el-upload改变框框的大小

//上传图片框样式.el-upload--picture-card{border:1pxdashed#13C3C7;}.el-upload--picture-card:hover{border-color:#13C3C7;color:#13C3C7;}.el-upload--picture-card{width:100px;height:100px;font-size:16px!important
柒个M·2023-01-25 22:23

Vue基础+vue2+vue3 大合集笔记

系列文章目录之前没跟对up主，vue基础没打好；跟着尚硅谷从头第二次学Vue，收获了很多并且记下来万字笔记，平常开发用的多的都在这了如果有出错的地方请多多指教！
RedGhost117·2023-01-23 08:07

尚硅谷Vue笔记

1、Vue基础2、vue-cli3、vue-router4、Vuex5、element-ui6、Vue31、Vue基础1.1、Vue介绍Vue是一套用于构建用户界面的渐进式JavaScript框架Vue
阿胜不会秃·2023-01-23 08:05

Vue基础9之脚手架的使用、ref属性、props配置项和mixin混入

Vue基础9使用Vue脚手架初始化脚手架说明具体步骤项目文件介绍将前面写好的单文件组件放入这里运行脚手架文件结构render的作用修改默认配置配置项ref属性props配置项简单的传值方法默认的字符串传值使用
VillanelleS·2023-01-20 14:12

vue基础知识点

前端与后端是什么？前端：数据展示后端：数据处理依赖包从哪里来？npm管理npm的服务器是在国外的国内下载很慢淘宝镜像：npmi-gcnpm--registry=https://registry.npm.taobao.orgjquery:1.cd到你要下载的文件夹下2.初始化npminit-y3.下载npminstall--savejquery4.修改下载版本4-1在下载的时候直接指定版本npmin
唔西迪西0·2023-01-20 13:06

Vue基础知识之vue-resource和axios

vue-resourceVue.js是数据驱动的，这使得我们并不需要直接操作DOM，如果我们不需要使用jQuery的DOM选择器，就没有必要引入jQuery。vue-resource是Vue.js的一款插件，它是可以通过XMLHttpRequest或JSONP发起请求并处理响应。也就是说，$.ajax能做的事情，vue-resource插件一样能做到，而且vue-resource的API更为简洁。
Yxj-5211314·2023-01-18 07:17

vue基础用法（三）----Axios基础

一、后端项目搭建1、创建项目项目名称：springboot_demo5_axios要求：mapper、service、pojo、controller2SpringMVC参数传递方式2.1)简单的参数传递url地址：http://localhost:8090/getUserById?id=100编辑后台Controller代码：/***URL:http://localhost:8090/getUse
AimerDaniil·2023-01-18 07:09

Vue3+TypeScript从入门到进阶（三）——Vue3基础知识点（上）——附沿途学习案例及项目实战代码

文章目录一、简介二、Vue2和Vue3区别三、Vue知识点学习一、Vue基础-几个基本属性介绍和简单案例1、template属性2、data属性3、methods属性4、计数器案例二、Vue基础-模板语法
wuyxinu·2023-01-16 07:35

Vue知识点

Vue基础语法插值操作Mustache语法可以直接写变量，也可以写简单的表达式{{firstName+lastName}}’{{firstName+''+lastName}}{{firstName}}{
椋七·2023-01-12 18:25

Vue基础学习4

Vue基础4Vue的生命周期计算属性有点类似method，但是它的主要的功能是计算属性，用来存储和处理数据。这里需要注意：计算属性不能直接修改，只能通过set方法去修改。
huhanghao·2023-01-11 09:12
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他