VUE基础

VUE基础之:visible.sync-模态框显示隐藏、elementUI dialog组件报错或者visible属性不生效问题

VUE基础之:visible.sync-模态框显示隐藏、elementUIdialog组件报错或者visible属性不生效问题这篇文档存成草稿2年了，最近终于有时间拉出来写完了。。。。
tangdou369098655·2023-03-24 11:49

Vue基础8之Vue组件化编程、非单文件组件与单文件组件

Vue基础8Vue组件化编程对组件的理解一些概念的理解非单文件组件基本使用几个注意点组件的嵌套VueComponent一个重要的内置关系先导篇：原型对象正文（可以理解为类的继承）单文件组件Vue组件化编程对组件的理解传统方式
VillanelleS·2023-03-24 11:40

Vue笔记

VueVue基础Vue是基于M(数据)V(视图)VM(调度者)这种设计模式开发出来的一个框架MVC和MVVM之间的区别:MVC是单向通信MVVM是双向数据绑定Vue基本的编码步骤引入Vue.js框架在script
隔壁老樊啊·2023-03-24 07:18

Vue基础 目录结构与代码

作者简介：一名计算机萌新、前来进行学习VUE,让我们一起进步吧。座右铭：低头赶路，敬事如仪个人主页：我叫于豆豆吖的主页目录前言一.Vue.js目录结构1.目录解析二.Vue.js起步三.Vue.js实现helloworld四.Vue.js模板语法插值文本文本插值前言本章将会讲解Vue.JS的目录结与基础代码。一.Vue.js目录结构1.目录解析目录/文件说明build项目构建(webpack)相关
我叫于豆豆吖·2023-03-24 04:09

Vue基础三

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

01. vue基础

一：各个文件夹的作用1.build：构建脚本目录，这个基本上不用管build.js==>生产环境构建脚本check-versions.js==>检查npm，node.js版本utils.js==>构建相关工具方法vue-loader.conf.js==>配置了css加载器以及编译css之后自动添加前缀webpack.base.conf.js==>webpack基本配置webpack.dev.con
bat在等我·2023-03-21 19:30

Vue基础-ES6常用语法补充

01.let和const。02.解构赋值。03.数据集合-set。04.数据集合map。05.Symbol。01.let和const。1.let注意事项。1.作用域只局限于当前代码块2.使用let申明的变量作用域不会被提升3.在相同的作用域下不能申明相同的变量4.for循环体现let的父子作用域2.const使用注意。1-只在当前的代码块中有效2-作用域不会被提升3-不能重复申明4-申明的常量必须
雪妮爸爸·2023-03-21 13:49

Vue基础之实验篇——学习周记14

Vue基础之实验篇实验1——“平平无奇”？实验2——四种颜色任你选择实验3——指令实验4——计数器实验1——“平平无奇”？
咸盐月饼·2023-03-18 18:55

Vue基础上篇——学习周记12

VueVue简介实例1.指令2.属性3.参数4.用户输入5.反转字符串6.条件语句Vue简介Vue.js（读音/vjuː/,类似于view）是一套构建用户界面的渐进式框架。Vue只关注视图层，采用自底向上增量开发的设计。Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。实例1.指令Vue指令实例现在你看到我了菜鸟教程学的不仅是技术，更是梦想！哈哈哈，打字辛苦啊！！！newVu
咸盐月饼·2023-03-18 18:54

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
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他