vue笔记

Vue笔记1（Vue的概述，初始Vue，模板语法，数据绑定，el与data的两种写法，MVVM模型，数据代理）

VueVue的概述初始Vue1、Hello案例2、注意区分js表达式和js代码（语句）模板语法数据绑定el与data的两种写法MVVM模型数据代理1、回顾Object.defineProperty2、何为数据代理3、Vue中的数据代理Vue的概述1、Vue是什么？一套用于构建用户界面的渐进式JavaScript框架2、Vue的特点（1）采用组件化模式，提高代码的复用率，且让代码更好维护（2）声明式
明灭18·2023-10-01 12:31

Vue3 仿京东电商项目 | 首页开发【项目初始化】

完整原文地址见更多完整Vue笔记目录敬请见《前端Web笔记汇总目录（Updating）》本文内容提要项目初始化装ESLint插件装Vetur插件目录|node_modules、package.json目录
凌川江雪·2023-09-29 11:17

vue笔记-18（路由高亮和路由动画）

设置选中路由高亮的两种方式给.router-link-active设置高亮的样式.router-link-active{color:red;}自定义选中时的class名称,然后对自定义的类高亮修饰varrouterObj=newVueRouter({//route//这个配置对象中的route表示【路由匹配规则】的意思routes:[{path:'/',component:login},{path
7ColorLotus·2023-09-21 19:55

待整理-vue

vue笔记一、vue基础vue基本介绍官网https://cn.vuejs.orgAPI相当于字典，使用的时候可以查询下尚硅谷vue技术学习vue基础、vue-cli、vue-router、vuex、element-ui
ListenYin·2023-09-06 03:51

vue2笔记

Vue笔记视频:https://www.bilibili.com/video/BV1Zy4y1K7SH?
菠萝啊菠萝蜜·2023-09-04 22:04

vue笔记9.13

v-bind:属性名='值'绑定属性的v-show=""控制元素的显示和隐藏使用display:none隐藏v-ifvisibility:hidden;v-elsev-else-ifv-bind.html浏览器打开vue引入图片（点击图片可以切换图片）v-bind练习.html浏览器打开点击下面数字切换图片v-show.html(元素的显示与隐藏)浏览器打开点击按钮可以显示或隐藏v-if与v-sh
那年的雨·2023-09-04 08:35

Vue笔记——解决Vue请求No 'Access-Control-Allow-Origin' 错误

一、问题描述一般情况下我们在Vue项目中使用vue-resource这个组件请求数据的时候，可能会直接使用以下代码：this.$http.get("https://api.douban.com//v2/movie/top250").then(function(reponse){console.log(reponse);})这里我们使用的是get请求方法，如果请求的是本地数据，或者说着说请求的数据没
振礼硕晨·2023-09-03 09:56

Vue笔记

第一章：Vue环境搭建1.搭建Vue环境TitleVue.config.productionTip=false//阻止Vue在启动时生成生产提示2.helloWorld(插值语法)Titlehello{{name}}Vue.config.productionTip=false;//设置关闭生产者提示//全局多了Vue这个构造函数因此可以使用new去用consti=newVue({el:"#root
~风淡~·2023-09-02 12:07

VUE笔记二 表单双绑、组件

表单双绑、组件文章目录表单双绑、组件什么是双向数据绑定为什么要实现数据的双向绑定v-modelVue组件第一个Vue组件使用props属性传递组件VUE笔记列表什么是双向数据绑定Vue.js是一个MVVM
jenrain·2023-09-01 22:24

VUE笔记（二）vue的指令

一、指令的概念和分类1、什么vue指令vue指令是一种以v-开头的特殊性属性，每一种指令它都写在元素的开始部分，每一种指令都有着自己的具体的功能，功能涉及到内容渲染、条件判断、列表渲染、表单内容的收集、事件绑定等等。2、vue指令的分类内容渲染指令:v-text、v-html条件判断指令:v-if、v-elseif、v-else、v-show事件绑定指令:v-on属性绑定指令:v-bind列表渲染
鸣鲷有柒·2023-09-01 22:23

vue笔记

day1MVVMMVC是后端的分层开发概念MVVM是前端视图层的概念，主要关注于视图层分离，也就是说：MVVM把前端的视图层分为了三部分Model、View、VMViewModel为什么有了MVC还要有MVVM.分层处理[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Y8mTvcIh-1599142789218)(img/1593352884511.png)]Docu
来说垃圾话啊·2023-08-31 22:02

学习vue笔记一——初识vue

hello,{{name}}Vue.config.productionTip=false//阻止vue在启动时生成生产提示//创建vue实例//constx=-->newVue({el:'#root',//用于之地你那个当前vue实例为哪个容器服务，值通常为css选择器字符串data:{//data中用于存数据，数据供el所指定的容器去使用。值我们暂时先写成一个对象name:'尚硅谷123'}})
yoghurt&girl·2023-08-31 05:36

Vue3+ts+element-plus 组件的二次封装-- 页脚分页el-pagination的二次封装

Vue笔记本人是一个web前端开发工程师，主要是vue框架，整理了一些Vue常用的技术，一方面是分享，一方面是做总结，今后也会一直更新，有好建议的同学欢迎评论区分享;-）Vue专栏：点击此处Vue组件库专栏
Penk是个码农·2023-08-30 00:39

Vue笔记八：链式路由跳转和路由守卫

链式路由跳转链式路由跳转就是在方法中进行跳转普通的路由跳转方式普通方式链式传统方式链式路由跳转exportdefault{name:"test3",methods:{mybtn(){this.$router.push({path:'/test1'})}}}点击后，跳转路由守卫路由守卫就是在进入页面之前做一层判断，如果没有守卫，就可以直接进入页面，如果添加了路由守卫，则需要做页面跳转。全局路由守卫假
努力努力再努力dyx·2023-08-28 22:48

Vue笔记：Vue Router路由

文章目录vue-router路由说明安装测试vue-router路由说明学习的时候，尽量的打开官方的文档VueRouter是Vue.js官方的路由管理器。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于Vue.js过渡系统的视图过渡效果细粒度的导航控制带有自动激活的CSSclass的链接HTML5历
_七七·2023-08-28 22:45

Vue笔记 前置路由守卫和后置守卫

前置路由守卫和后置路由守卫1、作用：对路由进行权限控制2、分类：全局守卫、独享守卫、组件内守卫3、全局守卫：//全局前置守卫：初始化时执行、每次路由切换前执行router.beforeEach((to,from,next)=>{console.log('beforeEach',to,from)if(to.meta.isAuth){//判断当前路由是否需要进行权限控制if(localStorage.
翘阳啦·2023-08-28 22:15

【vue笔记】vue-router 路由基本使用

路由1.理解：一个路由（route）就是一组映射关系（key-value），多个路由需要路由器（router）进行管理。2.前端路由：key是路径，value是组件。基本使用1.安装vue-router，命令：npmivue-router2.应用插件：Vue.use(VueRouter)3.编写router配置项://引入VueRouterimportVueRouterfrom'vue-route
小付学代码·2023-08-28 22:14

VUE笔记（六）vue路由

一、路由的简介1、实现生活中的路由路由：路由其实就是一个key-value对应关系路由器：用于管理多个路由关系的设备被称为路由器2、前端的路由目前使用的前端项目都是单页面的应用（SPA），一个项目中只有一个html页面，这种项目是由很多个组件组成，组件之间如果要跳转要依靠路由来完成，路由是由key和value组成一个对应关系，前端路由的key就是url地址，路由的value就是组件本身keyval
鸣鲷有柒·2023-08-28 22:12

VUE笔记（一）初识vue

一、vue的简介1、什么是vue官网地址:Vue.jsVue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。构建用户界面：之前在学习vue之前通过原生js对DOM操作进行构建用户界面的使用原生js构建用户界面的不足-没有规范，统一性不强，不利于团结写作开发-大量的DOM操作，开发效率很低-没有性能优化渐进式：声明式渲染+组件系统(vue的核心)+客户端路由+状态机+工具链等
鸣鲷有柒·2023-08-27 20:31

VUE笔记（三）vue的语法

一、计算属性1、计算属性的概念计算属性是依赖于源数据(data或者属性中的数据)，在元数据的基础上进行逻辑运算后得到的新的数据，计算属性要依赖于源数据，源数据数据变化计算属性也会变化2、计算属性的语法在vue2中使用computed这个选项完成计算属性的   购物车              编号     商品     数量     价格     小计                     {{
鸣鲷有柒·2023-08-27 14:39

VUE笔记（五）网络通信

一、axios的简介1、什么是axios文档：Axios中文文档|Axios中文网|Axios是一个基于promise的网络请求库，可以用于浏览器和node.js概念：axios是一个基于Promise的网络请求库，可以用于浏览器和node.js特点：使用简单,包尺寸小且提供了易于扩展的接口axios封装了XMLHttpRequest对象支持Promise的API可以配置拦截器来实现请求的拦截和响
鸣鲷有柒·2023-08-27 12:49

VUE笔记（十）Echarts

一、Echarts简介1、什么是echartsECharts是一款基个基于JavaScript的开源可视化图表库官网地址：ApacheECharts国内镜像：ISQQW.COMxECharts文档（国内同步镜像）-配置项示例：echarts图表集2、第一个Echarts安装echarts依赖包npmiecharts引入Echarts      ​import*asechartsfrom'echar
鸣鲷有柒·2023-08-26 20:01

VUE笔记（九）vuex

一、vuex的简介1、回顾组件之间的通讯父组件向子组件通讯：通过props实现子组件向父组件通讯：通过自定义事件($emit)方式来实现兄弟组件之间的通讯：事件总线（$eventBus）、订阅与发布方式来实现跨级组件的通讯：可以通过(provider和inject)方式来实现2、什么是Vuex3、使用vuex的好处集中管理共享数据高效实现组件之间数据共享vuex中的数据都是响应式的，能够实施保持数
鸣鲷有柒·2023-08-26 20:31

VUE笔记（八）项目实战

一、后台首页1、首页布局用于布局的容器组件，方便快速搭建页面的基本结构：：外层容器。当子元素中包含或时，全部子元素会垂直上下排列，否则会水平左右排列。：顶栏容器。：侧边栏容器。：主要区域容器。：底栏容器。       asider        header     main    2、顶部栏                                                     
鸣鲷有柒·2023-08-26 20:30

VUE笔记（七）项目登录

1、安装elementui在终端执行vueaddelement注册组件如果要使用哪个组件，大家需要在plugins/element.js中注册该组件importVuefrom'vue'import{Button}from'element-ui'Vue.use(Button)在页面组件中使用按钮注册常用的elementui组件为了方便期间，建议大家将如下配置文件内容复制到plugins/elemen
鸣鲷有柒·2023-08-26 20:29

vue笔记9.26

下载：npminstallvue-router路由的传参：1.查询字符串：/user/regist?uname=jack&upwd=123接收：{{$route.query}}2.rest风格传参/user/login/rose/456Document首页用户页//2varHome={template:`我是首页`}varUser={template:`我是用户页注册登录`}varRegist={
那年的雨·2023-08-26 11:12

Vue3笔记——（尚硅谷张天禹Vue笔记)

Vue3Vue3简介1.Vue3简介.2020年9月18日，Vue.js发布3.0版本，代号:OnePiece(海贼王)。耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者.github上的tags地址:https://github.com/vuejs/vue-next/releases/tag/v3.0.02.Vue3带来了什么.性能的提升.打包大小减少41%.初次渲染快
阳光明媚UPUP·2023-08-24 13:28

Vue笔记

Vue笔记一：环境配置开发工具使用VSCode，Window使用nvm安装管理node版本。
HughM·2023-08-16 20:22

vue笔记（一）

1.理解MVCMVC是三个单词的首字母缩写，它们是Model（模型）、View（视图）和Controller（控制）。这个模式认为，程序不论简单或复杂，从结构上看，都可以分成三层。mvc视图（View）：用户界面。控制器（Controller）：业务逻辑模型（Model）：数据保存各部分之间的通信方式如下。mvc交互View传送指令到ControllerController完成业务逻辑后，要求Mo
蘑菇下的木头·2023-08-08 08:58

01_初识Vue-尚硅谷Vue笔记

想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象；root容器中的代码被称为【Vue模板】;Vue实例与容器是一一对应的；真实开发中只有一个Vue实例，并且会配合着组件一起使用；{{xxx}}中的xxx要写成js表达式，且xxx可以自动读取到data中的所有属性；一旦data中的数据发生改变，那么页面中用到该数据的地方也会自动更新。Documenthello，{{name}}，在{{
我要学前端！·2023-08-03 10:05

Vue笔记【尚品汇项目】

尚品汇项目笔记目录1、vue文件目录分析2、项目的其他配置2.1项目运行起来的时候,让浏览器自动打开--package.json2.2eslint校验功能关闭（根目录下创建vue.config.js）2.3src文件夹简写方法,配置别名3、组件页面样式4、清除默认的样式5、pages文件夹5.1创建router文件夹5.2路由组件与非路由组件的区别?5.3路由的跳转有两种形式6、路由相关面试题*6
java亮小白1997·2023-07-29 17:08

Vue笔记

Vue笔记基本格式varapp=newVue()（{el:'#app',//绑定的元素id为‘app’data:{//存放数据,与html直接绑定name：ZHANGSAN,age:18},methods
EEEEsun·2023-07-28 02:51

vue笔记

0.computed与watchcomputed是基于它们的依赖进行缓存的，依赖发生变化，则计算属性发生变化。watch是当watch的值发生变化，则执行其中的函数1.vuexVuex的状态存储是响应式的。当Vue组件从store中读取状态的时候，若store中的状态发生变化，那么相应的组件也会相应地得到高效更新。你不能直接改变store中的状态。改变store中的状态的唯一途径就是显式地提交(c
VictoriaZsj·2023-07-22 17:14

Vue笔记--高级入门

Vue-cli什么是vue-clivue-cli官方提供的一个脚手架,用于快速生成一个vue的项目模板;预先定义好的目录结构及基础代码，就好比咱们在创建Maven项目时可以选择创建一个骨架项目，这个骨架项目就是脚手架,我们的开发更加的快速;主要的功能●统一的目录结构（类似我们的maven）●本地调试●热部署●单元测试●集成打包上线所需环境Node.jsGit这里就不做安装这些环境的介绍了，安装完之
会写代码的花城·2023-07-19 12:08

Vue笔记_06方法_$on方法进行事件监听

$on方法是Vue对象的一个实例方法，它主要用于在Vue实例中监听一个自定义事件，当一个自定义事件被触发时，可以执行一个回调函数来响应该事件。$on方法的语法如下：vm.$on(event,callback)举例说明：constvm=newVue()vm.$on('openBox',data=>{console.log('开宝箱～',data)})上面案例是监听实例化对象vm的openBox事件，
乖女子@@@·2023-07-14 07:36

动力节点老杜Vue视频笔记——第二章 Vue核心技术

动力节点Vue笔记第二章Vue核心技术20/100发布文章assdfgdfgjhtdo未选择任何文件new2Vue核心技术2.1事件处理2.1.1事件处理的核心语法指令的语法格式：事件绑定的语法格式：v-on
老杜铁杆粉丝儿·2023-04-19 17:43

动力节点Vue笔记——Vue与Ajax

四、Vue与AJAX4.1回顾发送AJAX异步请求的方式发送AJAX异步请求的常见方式包括：原生方式，使用浏览器内置的JS对象XMLHttpRequestconstxhr=newXMLHttpRequest()xhr.onreadystatechange=function(){}xhr.open()xhr.send()原生方式，使用浏览器内置的JS函数fetchfetch(‘url’,{metho
老杜铁杆粉丝儿·2023-04-19 17:11

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

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

动力节点Vue3笔记——第二章Vue核心技术

动力节点Vue笔记第二章Vue核心技术20/100发布文章assdfgdfgjhtdo未选择任何文件new2Vue核心技术2.1事件处理2.1.1事件处理的核心语法指令的语法格式：事件绑定的语法格式：v-on
link可·2023-04-18 13:34

动力节点老杜Vue笔记第三章 Vue组件化

3Vue组件化3.1什么是组件传统方式开发的应用一个网页通常包括三部分：结构（HTML）、样式（CSS）、交互（JavaScript）传统应用存在的问题：关系纵横交织，复杂，牵一发动全身，不利于维护。代码虽然复用，但复用率不高。组件化方式开发的应用使用组件化方式开发解决了以上的两个问题：每一个组件都有独立的js，独立的css，这些独立的js和css只供当前组件使用，不存在纵横交错。更加便于维护。代
link可·2023-04-18 13:59

vue笔记

一、简介：(为什么使用vue)1、与angular相比优点:a)api简单，快速上手，学习成本低；b)Angular使用双向绑定，Vue也支持双向绑定，不过为单向数据流，数据从父组件单向传给子组件；c)Vue.js中指令和组件分得更清晰。指令只封装DOM操作，而组件代表一个自给自足的独立单元——有自己的视图和数据逻辑。在Angular中两者有不少相混的地方d)Angular的脏检查机制，造成了如果
薇itvipkc·2023-04-17 08:58

Vue笔记

阻止同步使用Object.freeze()，这会阻止修改现有的属性，也意味着响应系统无法再追踪变化。varobj={foo:'bar'}Object.freeze(obj)newVue({el:'#app',data:obj}){{foo}}ChangeitVue实例属性和方法vardata={a:1}varvm=newVue({el:'#example',data:data})vm.$data=
Jack_1332·2023-04-14 16:57

vue常见指令、路由、导航守卫、生命周期、vuex整理

vue笔记vue简介Vue.js是目前最火的一个前端框架,React是最流行的一个前端框架(React除了开发网站,还可以开发手机App,Vue语法也是可以用于进行手机App开发的,需要借助才Weex)
白执落·2023-04-14 15:24

（尚硅谷）Vue笔记-------37

provide与inject现在我们每个组件都是一个颜色背景，所以我们现在想做一个套娃的效果：我们在父组件中引用子组件：然后同理我们在子组件中去引用孙组件：我们先来看看我们的页面是什么样的：我们现在想做的是父组件中的数据向孙组件中进行这样的隔代传值的功能。首先我们先给父组件加上数据：我们传数据就用provide。我们想得到别人给我们传来的数据就使用inject。我们只需要添加provide属性，只
抹茶味的西瓜汁·2023-04-13 13:14

(尚硅谷)Vue笔记--------30

回顾Vue2的响应式原理写一个简单的例子说明问题。我们现在去添加一个原来person没有的属性或者删除一个属性：添加失败。但是vue2也给我们添加的办法了：也可以用引用Vue的方法：删除也是同理：页面同样不能渲染，我们还是要去使用$方法：现在我们去添加点数组：现在我们去修改数组中的第一个元素值：这样写是无效的，想要成功更改我们还是需要使用$set方法：我们也可以使用数组方法：Vue3响应式原理_p
抹茶味的西瓜汁·2023-04-13 13:43

（尚硅谷）Vue笔记------------31

computed计算属性我们现在使用一下计算属性：但是这里我们既用vue2的计算属性又用vue3的setup函数，还是会让人觉得很奇怪的。所以这里我们使用vue3的计算属性：我们还可以改一下：返回值我只传person:这样写也是可以的：这是一种简写形式。当然也可以写完整用第二种方式：
抹茶味的西瓜汁·2023-04-13 13:13

(尚硅谷)Vue笔记------35

toRaw与markRaw我们可以打印出我们原始的数据。这个用的时候相对比较少。我们用toRaw方法后，我们的数据已经不是响应式数据了，所以就不会有页面渲染的功能了。那我们这个方法能用在ref封装的数据上么？我们可以通过控制台看到我们的toRaw方法只能针对于reactive方法使用，对于ref无效。我们对代码进行改动，添加一个按钮：页面出现警告信息，是因为我们的setup只执行一次，在toRef
抹茶味的西瓜汁·2023-04-13 13:13

（尚硅谷）Vue笔记--------28

初识setup跟着笔记第一步，我们先去创建一下setup函数:在vue2中我们是把数据写在data里，把函数写在methods里，现在我们都不用了，我们就把这些都写在setup里。所以我们现在在这个里面给它加上数据和方法：接下来我们来说我们setup的返回值：先说返回一个对象：因为数据和方法都是在setup中写，我们就不需要调用数据时写this了。然后现在看着笔记我们来学第二种返回值情况：我们这种
抹茶味的西瓜汁·2023-04-13 13:43

Vue笔记-Setup

Setup❝Vue官方文档：https://cn.vuejs.org/guide/extras/composition-api-faq.html❞setup()「基础使用：在setup中通过ref和reactive创建响应式数据」import{ref,reactive}from'vue'exportdefault{setup(){constmsg=ref('helloworld')constobj
web前端小学生·2023-04-13 13:07

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

一、Vue程序初体验我们可以先不去了解Vue框架的发展历史、Vue框架有什么特点、Vue是谁开发的，这些对我们编写Vue程序起不到太大的作用，更何况现在说了一些特点之后，我们也没有办法彻底理解它，因此我们可以先学会用，使用一段时间之后，我们再回头来熟悉一下Vue框架以及它的特点。只需要知道Vue是一个基于JavaScript（JS）实现的框架。要使用它就需要先拿到Vue的js文件。1.1下载并安装
牛仔码农@·2023-04-12 23:51
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他