VUE笔记

Vue笔记：vue-cli快速生成一个 vue 的项目模板

文章目录vue-cli一、需要的环境二、第一个vue-cli应用程序三、初始化并运行main.jsvue-clivue-cli官方提供的一个脚手架,用于快速生成一个vue的项目模板;预先定义好的目录结构及基础代码，就好比咱们在创建Maven项目时可以选择创建一个骨架项目，这个骨架项目就是脚手架,我们的开发更加的快速;主要的功能:统一的目录结构本地调试热部署单元测试集成打包上线一、需要的环境Node
_七七·2023-04-12 12:02

Vue笔记06

文章目录1.路由2.前端路由规则3.vue-router配置及使用4.HTML5的History模式5.router-link补充6.配置动态路由7.路由懒加载8.路由嵌套9.传递参数10.$route和$router区别11.导航守卫12.keep-alive1.路由后端路由阶段早期的网站开发整个HTML页面是由服务器来渲染的.服务器直接生产渲染好对应的HTML页面,返回给客户端进行展示.(类似
BlogY·2023-04-11 08:21

Vue笔记

Vue3基本介绍服务器渲染造成前后端不分离。model（数据）views（视图）。Rest风格服务器，只返回JSON数据。由前端将JSON数据解析并展示成网页。传统的方式通过操作DOM生成网页，麻烦且性能不好。MVVM（model—view—viewmodel）viewmodel视图模型，负责将model和views建立联系。模型发生变化时自动更新视图，也可以通过视图操作模型。声明式的，即结果导向
3nduRance·2023-04-10 19:00

ES6入坑（一）

看了哲哥的6本vue笔记，我就明白了差距。首先是领导画的重点一、let和const1.1.let声明的变量只在let命令所在代码块中有效。1.2.let不存在变量提升，必须先声明后使用。
ZML1024·2023-04-10 17:05

【动力节点】杜老师Vue笔记——Vue程序初体验

目录一、Vue程序初体验1.1下载并安装vue.js1.2第一个Vue程序1.3Vue的data配置项1.4Vue的template配置项一、Vue程序初体验我们可以先不去了解Vue框架的发展历史、Vue框架有什么特点、Vue是谁开发的，这些对我们编写Vue程序起不到太大的作用，更何况现在说了一些特点之后，我们也没有办法彻底理解它，因此我们可以先学会用，使用一段时间之后，我们再回头来熟悉一下Vue
Javanewspaper·2023-04-09 18:14

（Vue笔记）VSCode创建与运行 Vue-cli + @Vue-cli 项目

目录1、创建前提2、Vue-cli构建Vue项目2.1、开始构建2.2、运行项目3、@Vue-cli构建Vue项目3.1、开始构建3.2、运行项目4、总结1、创建前提已全局中安装vue-cli2脚手架构建工具，右击“以管理员身份运行”运行WindowsPoweShell（1）Vue-cli3.0版本）安装Vue-cli3.0版本（推荐）安装Vue-cli>3.0版本命令：“cnpminstall@
电竞丶小松哥·2023-04-09 17:42

vue笔记-20（watch监听）

watch监听使用vm的watch属性，可以监视data中指定数据的变化，然后出发这个watch中对应的function处理函数es的对象属性可使用引号，也可以不使用引号。但是属性名中有”-“时，必须得使用引号keyup事件只能监控一些可以看得见的dom元素的变化时间，而vue的watch可以监控一些看不见的非dom元素的变化事件监控元素时直接在watch里设置对应的变量即可。如果要监控路由需要监
7ColorLotus·2023-04-09 15:02

动力节点老杜Vue笔记——Vue程序初体验

目录一、Vue程序初体验1.1下载并安装vue.js1.2第一个Vue程序1.3Vue的data配置项1.4Vue的template配置项一、Vue程序初体验我们可以先不去了解Vue框架的发展历史、Vue框架有什么特点、Vue是谁开发的，这些对我们编写Vue程序起不到太大的作用，更何况现在说了一些特点之后，我们也没有办法彻底理解它，因此我们可以先学会用，使用一段时间之后，我们再回头来熟悉一下Vue
Java编程_yyds·2023-04-08 15:45

vue笔记

笔记1.定义变量（{}）；最后有分号//vara=newVue({})需要写入括号//el：元素未加#//大写Vue组件//方法——调用全局组件-“大写”——组件名字（需要分开，所以合理大写），——逗号template：“”——模板，中全部小写，分隔开来Vue.component("TodoItem",{template:"todoitem"}）2.子组件，变量大写分隔varToDolist={p
一壶清酒醉风尘·2023-04-05 18:06

vue笔记

笔记脚手架文件结构├──node_modules├──public│├──favicon.ico:页签图标│└──index.html:主页面├──src│├──assets:存放静态资源││└──logo.png││──component:存放组件││└──HelloWorld.vue││──App.vue:汇总所有组件││──main.js:入口文件├──.gitignore:git版本管制忽
jjbnxy·2023-04-05 05:28

Vue笔记1

问：为什么要用虚拟DOM？答：虚拟DOM其实就是对象，操作对象的成本比操作DOM的成本更低，所以要用虚拟DOM问：为什么vue环境的项目里不会出现原始的大括号？答：在vue实例化之前app里面的都是普通文本，而.vue文件里面的都是组件，当mounted之前，组件里的{{}}早就在编译过程中被替换了，所以你不会看到{{}}，vue导出excel：export1234importXLSXfrom'x
刘叶青·2023-04-04 14:24

day6 vue 学习笔记 vue-router路由

系列文章目录day1学习vue2笔记vue指令day2学习vue2笔记过滤器侦听器计算属性axiosday3vue2学习笔记vue组件day4vue学习笔记组件生命周期数据共享数组常用方法day5vue
小鬼當街·2023-04-03 20:40

尚硅谷vue笔记 详细讲解版（尚硅谷 天禹老师）

视频：【尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通】https://www.bilibili.com/video/BV1Zy4y1K7SH?vd_source=10e3dfac95ac3a6883b1f8a6c3bc65d5看了很多市面上以后的笔记，大多都是复制粘贴代码，让我看的知其然而不知其所以然，于是打算自己写一下这个课程的笔记，把一些老师的讲解结合自己的理解也写下来教程
abjtxf·2023-04-03 11:48

Vue笔记：Axios异步通信

文章目录Axios异步通信什么是Axios为什么要使用Axios第一个Axios应用程序Vue的生命周期Axios异步通信什么是AxiosAxios是一个开源的可以用在浏览器端和NodeJS的异步通信框架，它的主要作用就是实现AJAX异步通信，其功能特点如下：从浏览器中创建XMLHttpRequests从node.js创建http请求支持PromiseAPI[JS中链式编程]拦截请求和响应转换请求
_七七·2023-04-03 03:54

vue笔记1 渐进式、 MVVM 框架

参考理解MVVM在react、vue中的使用结合vue、react、angular谈谈MVC、MVP、MVVM框架Vue（MVVM）、React(MVVM)、Angular(MVC)对比vue中MVVM原理及其实现渐进式渐进式，简单翻译一下就是逐渐做加法的一种模式，例如使用vue中的双向绑定的特性，vue中的路由，vue中的vuex等。这些都可以选择性的加上去，而不是必须得做的，必须使用的。这就是
前端之旅·2023-04-02 04:30

[每天进步一点点~] vue笔记（一）css样式中深度作用选择器scoped

在style标签中添加一个scoped属性，可以使css样式只作用于加了scoped属性的vue组件。例如A.vue中的标签中加了scoped属性，那么标签中的样式只作用于A.vue1.scoped作用原理scpoed是vue中引入的处理样式的属性，简单理解就是给当前组件样式加一个唯一的属性为组件内的css样式作用域，该属性用data-v-hash的方式对模块进行标识，当我们在style标签中添加
WYL_99·2023-04-01 02:43

狂神说vue笔记整合

狂神说Vue笔记想要成为真正的“互联网Java全栈工程师”还有很长的一段路要走，其中前端是绕不开的一门必修课。
华夏天骄·2023-03-31 05:46

狂神说Vue笔记

狂神说Vue笔记狂神说Vue笔记一、前端核心分析1.1、概述1.2、前端三要素1.3、**结构层**（HTML）1.4、表现层（CSS）1.5、行为层（JavaScript）二、前端发展史2.1、UI框架
kalvin_y_liu·2023-03-29 05:09

vue笔记-21（computed计算属性）

computed也是vm的一个属性对象在computed中，可以定义一些属性，这些属性叫做计算属性，计算属性的本质就是一个方法，只不过我们在使用这些计算属性的时候，是把他们的名称直接当作属性来使用的，并不会把计算属性当作方法使用注意事项注意一：计算属性在引用的时候一定不要加()去调用，直接把它当作普通属性去使用就好了注意二：只要计算属性function内部所用到的任何data中的数据发生了变化，就
7ColorLotus·2023-03-26 21:13

Vue3 | Composition API 包括setup、ref等新特性详解 与 实战

完整原文地址见更多完整Vue笔记目录敬请见《前端Web笔记汇总目录（Updating）》本文内容提要CompositionAPI的作用setup函数例程，打印查看setup内容非响应引用的案例ref()
凌川江雪·2023-03-26 15:51

Vue笔记

VueVue基础Vue是基于M(数据)V(视图)VM(调度者)这种设计模式开发出来的一个框架MVC和MVVM之间的区别:MVC是单向通信MVVM是双向数据绑定Vue基本的编码步骤引入Vue.js框架在script标签部分创建一个Vue实例varvm=newVue({el:'#app',//通过选择器找到一个让vm实例监管的区域data:{//在data中定义的数据就是整个Vue实例可以用到的数据m
隔壁老樊啊·2023-03-24 07:18

vue笔记9.24补充

1.v-html,v-text,v-once,v-preDocument{{msg}}{{msg}}{{msg}}{{msg}}newVue({el:'#app',data:{msg:'hello'}})2.v-cloakDocument[v-cloak]{display:none;}{{msg}}newVue({el:'#app',data:{msg:'hellovue'},beforeMoun
那年的雨·2023-03-20 10:54

VUE笔记-2019-05-16

1.绑定属性：:---v-bind:id="appId"，简写成:id="appId"2.绑定事件：@---v-on:click="submit()"，简写成@click="submit()3.computed（数据联动）：监听本实例中的所有变量4.watch（异步场景）：监听一个变量或者常量5.使用vue-cli3.0创建一个新项目：vuecreatemy-vue6.:class="{activ
田小宝_640c·2023-03-18 20:17

vue笔记 (十三) vue-router (3):嵌套路由、路由参数传递与获取、$router和$route区别

嵌套路由嵌套路由是一个很常见的功能，比如在home页面中，我们希望通过/home/news和/home/message访问一些内容。一个路径映射一个组件，访问这两个路径也会分别渲染两个组件。路径和组件的关系如下:实现嵌套路由有两个步骤：1.创建对应的子组件，并且在路由映射中配置对应的子路由配置路由：2.在组件内部使用标签显示效果：路由参数传递与获取参数传递传递参数主要有两种类型:params和qu
楠丶·2023-03-15 08:30

VUE笔记7（父子组件传值，第三方组件库element-ui,第三方组件库iview,第三方组件库Vant,父子组件配合开发）

2021.12.04事件一、父子组件传值1.1.1给组件标签，添加ref属性，可以通过$refs对象获取1.2$refs返回的是一个对象，对象中包含所有带ref属性的组件2.2.1$parent获取父组件对象,（获取的组件父级对应的vue实例中的数据）2.2$root获取根组件对象，（通常以组件所在的vue实例盒子作为根组件）注意：1.上述二个$属性在模板template中使用，2.组件中的数据，
找不到·2023-03-15 05:38

Vue笔记——项目中设置mock数据

一、情景设定我们在使用Vue写前端项目的时候，可能会需要后端传回来的数据来进行测试。但是有的时候我们没有后端的环境，不能获取到我们想要的数据。这个时候我们就需要在Vue项目中设置一些假数据，即mock数据。配置完成之后，我们就可以像请求后台数据一样，通过一个特定的url来获取到我们需要的mock数据，比如:/api/goods、/api/ratings等。今天就跟大家分享如何在自己的Vue项目中设
振礼硕晨·2023-03-13 09:48

Vue笔记四：Vue获取DOM元素和组件元素的方法

文章目录Vue获取组件元素ref获取组件元素Vue获取组件元素如果想使用哪个DOM元素，就给它加上ref属性，然后用$refs属性获取它的元素对象，示例如下：全部代码：Vue获取DOM元素的方法yoyo!这里是h1varvm=newVue({el:'#app',data:{},methods:{btn(){//使用this.$refs.自定义属性，即可获取到我们刚刚定义到的标签console.lo
努力努力再努力dyx·2023-03-09 11:00

Vue3笔记_itheima

VUE笔记B站黑马程序员webpack05webpack基础-隔行变色06webpack基础-安装webpack07在项目中配置两个包08指定webpack的entry和output09安装和配置webpack-dev-server
PLUS_VIP·2023-02-24 16:47

vue笔记9.19

组件(component):是vue最强大的功能之一组件化开发组件可以扩展HTML元素，封装可重用的代码。分为：全局；局部组件之间的传值******父传子用属性传子传父用事件传同级之间传值组件1：Document//全局：Vue.component('my-component',{template:`这是一个组件1111111111111111`})newVue({el:'#app',//comp
那年的雨·2023-02-04 05:25

vue笔记

v-ifvsv-show:v-if是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。v-if也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。相比之下，v-show就简单得多——不管初始条件是什么，元素总是会被渲染，并且只是简单地基于CSS进行切换。一般来说，v-if有更高的切换开销，而v-show有更高的
玄天雪海·2023-02-02 11:47

VUE笔记(1)

Vue.jsXSSCSRF1、什么是Vuejs?渐进式javaScript的框架特点：易用：学习曲线相对低且平滑(react需要掌握什么事函数式编程，angular需要掌握什么事依赖注入，什么事内部模块)灵活:可在一个库到一套生态中伸缩(小到只用部分组件来写，或者只应用到视图，大到可以用vue全家桶来构建整个系统)高效:运行快，体积相对小(根据虚拟dom来执行，打包体积较小)2、为什么使用Vue.
修炼中的小精灵·2023-01-30 04:31

vue笔记

模板语法1.插值语法（双大括号表示）2.指令（以v-开头）3.组件的本质是一个名为vuecomponent的构造函数器是vue.extend生成的2.我们只需要写标签名，vue解析时会帮我们创建实例对象即vue帮我们执行的newVueComponent(option)3.在vue帮我们执行vue.extend()调用返回的都是一个全新的VueComponent（）4.this指向：组件配置中dat
相见不如相离·2023-01-30 04:58

【VUE笔记】监听浏览器TAB页切换时间

Vue监听标签页mounted:function(){//添加监听事件document.addEventListener('visibilitychange',this.handleVisiable)},methods:{handleVisiable:function(e){letdocument=e.targetif(document.visibilityState=='hidden'){con
紧握手中沙·2023-01-30 03:59

vue笔记9.20

在vue中父组件向自子组件传递props子组件向父组件传递属性是用$emitshopping：DocumentVue.component('my-father',{template:`编号名称单价数量小计`,data:function(){return{fruList:[{pname:'apple',price:3,count:3,sub:9},{pname:'pear',price:4,coun
那年的雨·2023-01-29 22:59

Vue笔记（Vuex全局状态管理器）

Vuex全局状态管理器，可以在项目的任何一个组件中去获取和修改，修改可以得到全局响应的变量vue-cli2项目中安装vuex，使用npminstallvuex--save安装成功后，在src目录下新建一个store文件,里面创建一个js文件image.png在js文件中写入：importVuefrom'vue'importVuexfrom'vuex'Vue.use(Vuex)constSTORE=
Sanyekui·2023-01-26 00:58

尚硅谷Vue笔记

1、Vue基础2、vue-cli3、vue-router4、Vuex5、element-ui6、Vue31、Vue基础1.1、Vue介绍Vue是一套用于构建用户界面的渐进式JavaScript框架Vue可以自底向上逐层的应用：从引入一个轻量小巧的核心库到可以引入各式各样的Vue插件1.1.1、Vue特点1.1.2、学习Vue前的基础ES6语法规范、ES6模块化、包管理器、原型、原型链、数组常用方法
阿胜不会秃·2023-01-23 08:05

vue笔记

模块用来封装可以重复使用的js代码块模块的分类：es模块化comment模块化项目启动方式修改进入项目的package.json中修改scripts项即可优雅降级渐进增强淘宝镜像npm的服务器在国外我们国内连接可能会很慢淘宝在这个时候他有一个服务器在国内这个服务器会每隔10分钟自动从npm的服务器上拉取最新的所有内容我们可以直接访淘宝在国内的这个服务器这样一来下载的速度就会很快使用：打开cmdnp
常安cc·2023-01-20 13:06

Vue笔记二：登录注册切换小案例

接笔记一，笔记一讲的是组件怎么注册，本文是组件的小案例首先，据我们所知，Vue实例中是可以使用data属性和method属性，以及生命周期函数等，组件中其实也是可以使用data和methods属性的，与Vue实例不同的是，组件中的data是一个方法，所以必须要有返回值return，那Vue实例中的data是一个对象，是可以直接写数据的，两者的methods都是一样的，存储方法。登录注册选项卡切换第
努力努力再努力dyx·2023-01-17 10:34

Vue笔记随笔---kalrry

Vue笔记随笔---kalrryVUEvue框架的两大核心：一、前端开发历史二、MV*模式库VS框架MVC架构模式MVP架构模式MVVM架构模式vue是MVVM三、开发工具四、vue框架的初识vue的介绍
kalrry·2023-01-14 07:27

Vue笔记：基础入门（后篇）

文章目录目的API概览应用实例（全局API）组合式API选项式API单文件组件内置内容（指令）基础说明模板语法属性绑定条件渲染列表渲染事件处理表单输入绑定内置内容（其它）总结目的在前面的文章《Vue笔记
Naisu Xu·2022-12-28 12:04

vue笔记

v-text会直接把标签当成文本输出v-html会把标签当成标签v-if判断是否加载，直接不渲染，可以减轻服务器的压力，在需要时加载v-show调整cssdispaly属性，可以使客户端操作更加流畅v-bind用于设置HTML属性，v-bind:href缩写为:href；《a:href=”{{url}}”》xx《/a》v-on用于绑定HTML事件，v-on:click缩写为@click；《a@cl
会飞的猪Pippa·2022-11-02 00:54

vue笔记（coderwhy）

开始跟着b站coderwhy老师所做的笔记，对比了几个感觉很适合Vue初学链接：https://www.bilibili.com/video/BV15741177Eh?from=search&seid=5110308374587736588&spm_id_from=333.337.0.0下载本地Markdown文件：https://gitee.com/xiao-li-tongxue/img/tre
念远_·2022-10-31 07:35

VUE笔记——B站狂神说

目录Vue笔记一、前端核心分析二、前端发展史三、了解前后分离的演变史四、第一个Vue程序五、基础语法指令六、表单双绑、组件七、Axios异步通信八、计算属性、内容分发、自定义事件九、第一个vue-cli
流萤点火·2022-10-25 08:31

自我总结前端vue笔记

三阶段笔记node基础(书写简单api接口)什么是node.jsjavascript的运行时环境javascript运行在浏览器的时候:操作DOM,操作BOM,语法ECMAScriptjavascript运行在node的时候:操作文件操作数据库开启web服务...不能操作DOM,不能操作BOMnode.js的安装版本识别:16.14.2node-vLTS:稳定版本，建议安装Current:最新版本
gqlazycats·2022-10-22 15:23

Vue笔记_07_Vue UI组件库

Vue笔记_07_VueUI组件库第七章VueUI组件库移动端常用的UI组件库PC端常用的UI组件库第七章VueUI组件库移动端常用的UI组件库VantCubeUIMintUIPC端常用的UI组件库ElementUIIViewUI
南城丶兰花绽·2022-10-12 20:10

Vue笔记（六）vue-router

目录路由基本路由嵌套（多级）路由路由传参命名路由路由的params参数路由的props配置编程式路由导航缓存路由组件两个新的生命周期钩子路由守卫独享守卫（只有前置，后置用全局守卫）组件内路由守卫路由器的两种工作模式vue-router是vue的一个插件库，专门用来实现单页Web应用（singlepagewebapplication，SPA），SPA整个应用只有一个完整的页面，点击页面中的导航链接不
J J Bob·2022-10-12 20:09

Vue笔记（五）vuex

目录概念搭建环境基本使用（举例）getters四个map方法模块化和命名空间概念：在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。Github地址：https://github.com/vuejs/vuex使用场景：多个组件依赖同一状态、来自不同组件的行为需要变更同一状态（多组件需要
J J Bob·2022-10-12 20:09

Vue笔记（四）Vue中的ajax

目录vue脚手架配置代理（解决跨域问题）插槽1.默认插槽2.具名插槽3.作用域插槽vue脚手架配置代理（解决跨域问题）：方法一：在vue.config.js中添加如下配置： devServer:{  proxy:"http://localhost:5000" }说明：1.优点：配置简单，请求资源时直接发给前端（8080）即可。2.缺点：不能配置多个代理，不能灵活的控制请求是否走代理。3.工作方式：
J J Bob·2022-10-12 20:38

Vue笔记(十三) vue UI 组件库

常用vueUI组件库1)MintUI:a.主页:http://mint-ui.github.io/#!/zh-cnb.说明:饿了么开源的基于vue的移动端UI组件库2)Elmenta.主页:http://element-cn.eleme.io/#/zh-CNb.说明:饿了么开源的基于vue的PC端UI组件库MintUI下载:npminstall--savemint-ui实现按需打包1.下载npmi
钦拆大仁·2022-10-12 20:02

Vue笔记07-VueUI组件库

移动端常用UI组件库VantCubeUIMintUIPC端常用UI组件库ElementUIIViewUI
王劭阳·2022-10-12 20:02
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他