VUE基础

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

Vue基础4 (简单易上手，适合前后端)

基础-组件-组件通信的几种情况组件嵌套=>父子组件=>父组件传递数据给子组件使用=>组件之间的传值=>也叫组件之间的通信组件之间的通信根据关系的可以分为：1.父子组件通信父组件到子组件子组件到父组件2.兄弟组件通信//调用组件//子组件Vue.component("child-a",{template:`我是子组件{{count}}是自己的data中的数据count{{msg}}是来源于外部组件的
慢慢敲吧·2023-01-11 09:41

vue在标签中如何使用(data-XXX)自定义属性并获取

目录在标签中使用(data-XXX)自定义属性并获取标签的写法方法一方法二vue基础-自定义指令语法传参配置对象中常用的三个回调全局自定义指令在标签中使用(data-XXX)自定义属性并获取我们在vue
·2023-01-11 05:22

vue基础_diff 算法

diff算法对比动图从pathnode往下看diff算法执行过程Vue生命周期流程图（含diff算法）vue基础_diff算法vue用diff算法,新虚拟dom,和旧的虚拟dom比较情况1:根元素变了,
Henry_ww·2023-01-10 11:37

4.vue基础（三）计算属性-监视（侦听）属性

文章目录1.计算属性1.1插值语法实现姓名案例1.2methods实现1.3计算属性实现2.监视（侦听）属性2.1天气案例2.2利用监听属性2.3深度监听2.3.1监视多级结构中某个属性的变化2.3.2监视多级结构中所有属性的变化2.4监视属性实现姓名案例1.计算属性要实现下面这个功能：当修改姓或者名时，全名也会随之更新。1.1插值语法实现姓名案例姓：名：全名：{{firstName}}-{{la
必须午睡的xue薇·2023-01-09 06:11

Vue基础-监视属性watch

此文章将讲解监视属性watch的用法，在阅读此文章之前，希望您已了解事件处理methods和计算属性computeds案例今天天气很{{info}}切换天气constvm=newVue({el:'#root',data:{isHot:true},computed:{info(){returnthis.isHot?'炎热':'凉爽'}},methods:{changeWeather(){this.i
虹橙·2023-01-09 06:08

vitepress（四）：引入vue组件

这节课的内容需要有前置的良好的Vue基础，如果你仅仅想搭建一个存放md文件的网站的话，可以不必学习后面的内容，当然如果你想个性化自己的站点，那么推荐你学习一下引用的方式和注意点，开始你的个性化之旅编写VUE
摸鱼老萌新·2023-01-08 16:06

vue的使用

为什么要使用MVVMVUE基础语法学习数据代理什么是双向数据绑定为什么要实现数据的双向绑定在表单中使用双向数据绑定vue修饰符第一个Vue组件什么是
beita学Java·2023-01-07 19:00

vue基础~~~ 动态添加style

1.语法:style="{css属性:值}"//动态style的key都是css属性名2.例子动态styleexportdefault{data(){return{colorStr:'red'}}}
C_guoqing·2023-01-06 18:34

【Vue基础】关于Vue中CSS的scoped属性作用域与样式穿透

scoped在了解scoped属性之前，先了解一下Vue（中的插件）在渲染DOM时干了什么。Vue在渲染DOM后会在DOM节点上生成一个随机串data属性，这一属性给了当前组件下的DOM一种唯一标识。当在style标签中加入scoped属性后，在页面渲染完毕后，style下所有的CSS都会自动转换，在过滤器上添加与DOM相同的data属性值。也就是说，从结果来看，scoped属性让CSS只对当前组
曦染DLp·2023-01-01 12:37

vue基础语法--路由，css过渡与动画，vue-cli工具2.0/3.0建项，钩子函数

基础-单页应用-SPA的特点目标掌握SPA的特点传统模式每个页面及其内容都需要从服务器一次次请求如果网络差,体验则会感觉很慢spa模式,第一次加载会将所有的资源都请求到页面模块之间切换不会再请求服务器SPA优点用户体验好,因为前端操作几乎感受不到网络的延迟完全组件化开发,由于只有一个页面,所以原来属于一个个页面的工作被归类为一个个组件.缺点首屏加载慢->按需加载不刷新页面之请求js模块不利于SEO
别动我代码儿·2022-12-31 20:41

Vue基础语法知识梳理下篇

目录计算属性键盘事件监视属性绑定样式class样式style样式条件渲染v-ifv-show列表渲染v-for指令vue监测data中的数据收集表单数据计算属性定义：要用的属性不存在，要通过已有属性计算得来原理：底层借助了Objcet.defineProperty方法提供的getter和setterget函数什么时候执行？(1).初次读取时会执行一次(2).当依赖的数据发生改变时会被再次调用注：计
·2022-12-31 15:43

Vue入门（安装配置启动项目）

学习本篇之前要具备一定的vue基础知识，可以先看一下Vue基础（环境配置、内部指令、全局API、选项、内置组件）1、Vue-cliVue-cli是vue官方出品的快速构建单页应用的脚手架，这里牵扯的东西很多
行动很重要冲冲冲·2022-12-30 15:08

vue - vue基础/vue核心内容

优质资源分享学习路线指引（点击解锁）知识定位人群定位Python实战微信订餐小程序进阶级本课程是pythonflask+微信小程序的完美结合，从项目搭建到腾讯云部署上线，打造一个全栈订餐系统。Python量化交易实战入门级手把手带你打造一个易扩展、更安全、效率更高的量化交易系统终于算是顺利进入vue了，确实也只有学了过后才知道，之前三过vue而不学，确实是对的，现在进来了一点都不后悔，ajax、n
[虚幻私塾】·2022-12-23 21:28

vue框架

vue概述1.vue基础是一个js框架可以简化dom操作响应式数据驱动1.第一个vue程序步骤①导入vue.js②创建vue实例对象，设置el属性和data属性③实用简洁的模板语法把数据渲染到页面上{{
酸辣渔粉儿·2022-12-14 15:59

Vue 3 中 Ant Design Vue 如何自定义表格 Table 的表头（列头）内容？

2.解决方案使用AntDesignVue基础的Table组件是无法满足这个场景的，所以需要自定义表头的内容，这里就要用到定义表格列时的一个属性——slots:{title:'自
天外飞雨道沧桑·2022-12-10 09:20

2022前CSDN个人简介备份

2022前CSDN个人简介一名Python超级热衷粉，后端框架Fastapi一年玩家，VUE基础玩家，物联网工程专业，嵌入式开发兴趣爱好者，玩树莓派、JetsonNano，Linux终端爱好者，大三在读中
Sunyihoo·2022-12-08 20:53

vue基础指令和基础属性

vue的指令v-text或{{}}输出字符串（{{}}还可以做算术题）语法格式：{{html}}varapp=newVue({//声明vue实例el:'#app',//选择作用域data:{//数据(变量)text:"这是一个变量!",},}）效果图v-html不仅可以输出字符串，还可以输出标签。语法格式：varapp=newVue({//声明vue实例el:'#app',//选择作用域data:
无人与我粥可温·2022-12-07 18:54

vue基础

一、发展背景1.网站交互方式的发展1.1经典的多页面==》交互方式☞前后端融合在一起，开发和维护效率方式差☞用户体验一般，点击刷新跳转，等待时间长，每个页面都需要加载1.2现代式的单页面==>所有的交互都是在一个页面，不存在刷新☞开发方式好，采用前后端分离的开发模式▪服务端不关心界面，只关心数据▪客户端不关心数据库和数据操作，只关心通过接口拿到的数据和服务端交互，处理界面☞用户体验好，就像是原生客
zhangxiaobai___·2022-12-04 19:11

Vue基础语法（四）

目录一、父组件向子组件通信1、数组2、对象二、子组件向父组件通信1、自定义方法2、选择城市三、父组件访问子组件1、this.$children2、this.$refs四、子组件访问父组件1、this.$parent一、父组件向子组件通信1、数组（1）例一：选择城市，父组件的数据传递给子组件去显示编写思路：①通过v-for建立父组件，并绑定click点击事件传参获取城市②定义一个city变量，存储获
申小兮IU·2022-12-03 13:46
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他