vue学习笔记

Vue.js Day-1 入门

Vue学习笔记目录Day-1初识Vue及v-bind等指令的使用前言为了毕设进行前端学习准备，前端Vue，AntDesign。
Seigann·2020-11-30 16:29

Vue学习笔记:第一个vue-cli应用程序

什么是vue-cli：vue-cli是官方推出的一个vue项目的脚手架，用于快速搭建一个简单的vue项目模板。需要的环境：（管理员身份打开命令行）安装Node.js:http://nodejs.cn/download/确认node.js安装成功------>cmd下输入node-v/npm-v查看能否打印出版本号即可！安装成功查看版本安装cnpm（nodejs淘宝镜像加速器）:用于解决有些用npm
冬日里的那丝残阳·2020-11-23 22:46

狂神Vue学习笔记

1、VueSoc:关注度分离原则HTML+CSS+JS：视图：给用户看，刷新后台数据网络通信：axios页面跳转：vue-router状态管理：vuexVue-UI：ICEVue:一款渐进式JavaScript框架，所谓渐进式就是逐步实现新特性的意思，如实现模块化开发、路由、状态管理等新特性。其特点是综合了Angular(模块化)和React(虚拟DOM)的优点;Axios:前端通信框架;因为Vu
qq_41194348·2020-11-19 09:18

Vue学习笔记---暂保存

Vue的学习笔记一Vue基本1.Vue的设计理念vue要做一个渐进式框架,它给你提供足够的选项，但并不主张很多必须要求,它承担了较难的做减法的部分，而留给用者较简单的做加法的部分。Vue.js使用了基于HTML的模板语法，允许开发者声明式地将DOM绑定至底层Vue实例的数据。所有Vue.js的模板都是合法的HTML，所以能被遵循规范的浏览器和HTML解析器解析。在底层的实现上，Vue将模板编译成虚
名字是乱打的_闭关写项目中·2020-11-16 17:53

【黑马程序员】vue学习笔记（未完）

vue官方文档：https://cn.vuejs.org/v2/guide/github地址：https://github.com/feddiyao/vue-base-framework.gitVue的核心是帮我减少不必要的DOM操作，提高渲染效率Vue同时提供双向绑定的功能，通过提供的指令，我们只需要刷新数据，不再需要去管更新DOM的操作了mvc与mvvm关系图：mvvm的进一步解析浏览器的ne
不写博客的前端不是好前端·2020-11-09 16:16

小白的Vue学习笔记

学习地址：https://www.bilibili.com/video/BV1YE411A746这是我在B站学习写的一些笔记，可能会有些乱，凑合看吧。VueMVVMVue技术是MVVM开发模式的实现者MVC——M(Model)、V(View)、C(Controller)MVVM——M(model)、V(View)、VM(ViewModel)，连接视图和数据的中间件其他MVVM实现者：Angular
mp-ui·2020-11-04 13:45

vue学习笔记（六） ----- vue组件

一、模块化与组件化模块化的定义模块化在Node中是一个规范，定义一些模块的相关的规则，从代码角度上来说，方便做区别，如果不使用模块化，写在js文件中不利于后期维护和扩展，从代码的层面上就把相关的功能脱离出来，所以模块化从从代码的角度触发，分析项目，把项目中一些功能类型的代码，单独抽离为一个个的模块，那么为了保证大家以相同的方式去封装模块，于是我们就创造了CommentJS规范模块化的优点在我们项目
千夏Chinatsu·2020-10-27 23:49

Vue学习笔记（三）（动画和过渡）

1，transition的enter和leavetransition动画里会有六个生命周期钩子函数：v-enter：定义进入过渡的开始状态。在元素被插入之前生效，在元素被插入之后的下一帧移除。v-enter-active：定义进入过渡生效时的状态。在整个进入过渡的阶段中应用，在元素被插入之前生效，在过渡/动画完成之后移除。这个类可以被用来定义进入过渡的过程时间，延迟和曲线函数。v-enter-to
等枫林95·2020-10-21 13:02

狂神说 vue学习笔记

vue学习笔记文章目录vue学习笔记一、第一个vue程序1.什么是MVVM2.为什么要使用MVVM3、直接新建项目4、导入vue.js5、简单绑定元素6vue的声明周期二、Vue基本语法1、vue-bind2
Java全栈百度工程师·2020-10-19 18:57

Vue学习笔记(4)-条件判断v-if和v-show

条件判断：在模板中，可以根据条件进行渲染。条件用到的是v-if、v-else-if以及v-else来组合实现的。今天去公园玩！今天去看电影！今天哪儿也不去！letvm=newVue({el:"#app",data:{weather:'sun'}});有时候我们想要在一个条件中加载多个html元素，那么我们可以通过template元素上实现.数学多少分？英语多少分？=18&&age女朋友找到了吗？考
测试开发课代表·2020-10-08 22:18

Vue学习笔记使用系列一【表单】

脚手架的搭建，请查看另外一篇日记：https://www.cnblogs.com/Fengge518/p/11837078.html1：直接代码了1234567Document8910window.onload=function(){//1沒有寫加載的函數，導致出不來11varapp=newVue({//2寫錯成newapp去了12el:"#myapp",//3少了一個#號13data:{14un
做自己-jason·2020-09-29 19:00

Vue.js 基础语法 入门语句 Vue学习笔记 v-model 双向数据绑定

Vue.js基础语法，入门语句，Vue学习笔记学习网站：https://www.bilibili.com/video/BV15741177Ehvue的体验响应式：数据一旦改变，视图就会响应改变el:指定了这个
0XiaoYi0·2020-09-26 12:57

vue学习笔记（二）

6.Vue路由基础不同的路由对应不同的内容或者页面的任务，分配给前端使用6.1动态路由匹配6.1.1单个参数第一步：修改router目录下index.js文件importVuefrom'vue'importRouterfrom'vue-router'importVideoListfrom'@/components/VideoList'Vue.use(Router)exportdefaultnewR
南京郭大侠·2020-09-21 22:23

vue学习笔记(九)vue-cli中的组件通信

前言在上一篇博客vue学习笔记(八)组件校验&通信中，我们学会了vue中组件的校验和父组件向子组件传递信息以及子组件通知父组件(父子组件通信)，上一篇博客也提到那是对组件内容的刚刚开始，而本章博客将会重点的讲解
漫步星辰575654643·2020-09-17 08:19

VUE学习笔记

一.什么是VUE渐进式的Javascript框架MVVM(Model,View,ViewModel)模式二.VUE基本语法2.1Vue的基本使用引用vue.js准备要挂载的标签创建vue对象，进行挂载Title{{message}}newVue({el:"#app",//挂载data:{message:"hello,Vue!"},methods:{}});2.2el指定相应的挂载对象可以使用id,
qq_31914717·2020-09-16 12:57

Vue学习笔记（五）v-if, v-show与v-for指令

目录v-if，v-show区别：v-forv-if，v-show用于是否显示当前文件节点区别：v-if从文件节点树直接删除该节点，而v-show则使用css的display属性选择是否显示。示例：SHOWORNOTSHOWORNOTonshownewVue({el:"#root",data:{isclick:true,},methods:{handleClick:function(){this.i
DF11G_0001·2020-09-16 02:32

Vue学习笔记

文章目录node.js版本管理工具：nvmvue-cli工具创建项目的三种方式helloword模板语法计算属性（computed）与侦听器（watch）使用场景：条件渲染、列表渲染、Class与Style绑定条件渲染列表渲染Class与Style绑定组件化思想什么是组件化为什么要组件化如何进行拆分组件化带来的问题风格指南vue-route介绍用法传参方式node.js版本管理工具：nvm#查看本
CunShine_2016·2020-09-16 02:30

vue学习笔记7——有关路由跳转，初始路由设置

vue学习笔记7——有关路由跳转等对自己的详解vue默认路由（初始路由）更改在router文件夹中的index.js文件中（前提你在生成的时候有这个文件和文件夹）在配置路由的时候添加{path:'/',
aeoliancrazy·2020-09-16 01:36

vue学习笔记之运行环境搭建

vue主要干了什么数据渲染/数据同步组件化/模块化其他功能：路由、ajax、数据流vue学习资源vuejs中文官网：http://cn.vuejs.org/vuejs源码：https://github.com/vuejs/vuevuejs官方工具：https://github.com/vuejsvuejs官方论坛：http://forum.vuejs.org/vue运行环境搭建（Windows）安
小红的博客·2020-09-15 13:20

Vue学习笔记：拦截器

原文地址Vue可以对httprequest和httpresponse添加全局拦截，最典型的例子就是在请求头里添加token，和监测是否登录，如果没有登录则跳转到登录页面。main.js中添加拦截器的代码：1.request拦截器//request拦截器，在请求头中加tokenaxios.interceptors.request.use(config=>{if(localStorage.getIte
Robert火山·2020-09-14 20:37

electron-vue学习笔记(1):工具栏和标题栏的设置

使用electron-vue是为了桌面应用程序，本来首选是微软的.net，但是收费你懂得，个人研究研究eletron-vue。如有错误，请别骂我~本人建立工程是根据：https://simulatedgreg.gitbooks.io/electron-vue/cn/getting_started.html提供的方法建立，建立的末尾出现关于README的警告，应该没有关系。选择的yarn来下载依赖。
ZXWBBILY·2020-09-14 04:16

Vue学习笔记01——Vue基础知识介绍与Vue语法

Vue学习笔记基本介绍对象属性配置表Vue生命周期生命周期图Vue语法插值绑定1只要使用双大括号（Mustache语法）将要绑定的变量、值、表达式括住就可以实现，Vue将会获取计算后的值，并以文本的形式将其展示出来
丶萌萌哒的小太阳·2020-09-13 08:45

vue学习笔记

vue一个vue文件通常由三部分构成，其最终输出结果等同于html。【template】：html的模板，真正的DOM结构，不同点是支持vue指令，由script和stype来调整，也可以是纯粹的html。【script】：js脚本，用于修改template的数据。【style】：css样式，用于修改template的样式。【components】：依赖组件。一个vue可以称作为一个组件，更准确的
清风半夜鸣蝉·2020-09-13 07:54

vue学习笔记---搭建vue环境

vue和Angular,React都是前端框架单页面框架基于模块化组件化的开发模式vue是国人大牛开发的,具有简单灵活高效的特点.搭建vue开发环境必须拥有node.js安装vue的脚手架工具,也就是vue的命令行工具(新版本的脚手架和旧版本的脚手架创建项目方式会不一样)老版本:npminstall--globalvue-cli/cnpminstall--globalvue-cli（此命令只需要执
{[("青椒盖饭")]}·2020-09-12 23:30

Vue学习笔记01-搭建node.js环境

1.首先官网：https://nodejs.org/en/download/下载好对应系统和版本的node.js，不更换安装路径的话基本点击下一步即可。下载安装好node.js后点击finish。2.打开cmd窗口:输入node-v显示node.js的版本号说明node.js安装成功。输入npm-v显示npm版本号说明自带的npm也安装成功。此处说明下：Node.js已自带npm，安装Node.j
weiweiQAQ·2020-09-12 21:12

Vue学习笔记（7）

1、总结复习Document//webpack//是什么？前端最流行的打包工具，更准确的来说它是一个模块化打包工具//ES6（import）//nodejs中的CommonJS规范（require()/module.exports）//require.js（require()/define()）////在webpack看来所有的资源(CSS/图片/字体等)都是模块//作为打包工具，它提供了什么功能
魔法 • 革·2020-09-12 21:49

Vue学习笔记 (九) slot插槽-新旧版本用法(vue2.6.0前后)

slot翻译为插槽，插槽的目的是让我们原来的设备具备更多的扩展性。vue组件中使用插槽，也是为了让我们封装的组件更加具有扩展性，让使用者可以决定组件内部的一些内容到底展示什么。vue2.6.0之前用法单个插槽(默认/匿名插槽)在子组件中，使用特殊的元素就可以为子组件开启一个插槽，该插槽插入什么内容取决于父组件如何使用。具名插槽当子组件的功能复杂时，子组件的插槽可能并非是一个。比如我们封装一个导航栏
楠丶·2020-09-12 17:18

319、Vue学习笔记25 -【TypeScript 支持】 2020.04.20

0、目录1、发布为NPM包的官方声明文件2、推荐配置3、开发工具链3.1工程创建3.2编辑器支持4、基本用法5、基于类的Vue组件6、增强类型以配合插件使用7、标注返回值8、参考链接1、发布为NPM包的官方声明文件静态类型系统能帮助你有效防止许多潜在的运行时错误，而且随着你的应用日渐丰满会更加显著。这就是为什么Vue不仅仅为Vuecore提供了针对TypeScript的官方类型声明，还为VueRo
youyouwuxin1234·2020-09-12 09:53

vue学习

Vue学习笔记在父组件向子组件传递值的时候，有关于参数名字的问题这个为父组件，向其中的的一个user组件传值，主要传递的是user值-->importHeaderfrom".
幻夜~星辰·2020-09-12 04:59

Vue学习笔记(一)：从零开始创建一个Vue前端项目

一、开篇最近公司的老的项目重构，改成了前后端分离的架构，前端采用的是vue.js前端框架，所以接触到vue.js。Vue.js是当下很火的一个JavaScriptMVVM(Model-View-ViewModel)库，它是以数据驱动和组件化的思想构建的。相较于其他的前端框架，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用。Vue.js不同于以前的jQuery操作DOM
新一、·2020-09-12 03:04

Vue学习笔记(四) 条件渲染和列表渲染

1、条件渲染（1）v-ifv-if指令用于条件性（根据表达式的值）渲染内容，可以与v-else指令和v-else-if指令一同使用DemoABCElsenewVue({el:'#app',data:{type:'A'}})（2）v-if&v-showv-show指令同样可以根据表达式的真假渲染内容DemoAnewVue({el:'#app',data:{isSeen:true}})它们不同之处在于
半虹·2020-09-12 01:56

Vue学习笔记3.8 列表渲染 v-for

基本的v-for使用方式：列表渲染{{item}}------{{index}}varvm=newVue({el:"#app",data:{list:['Dell','Nice','To','Meet','You']}})要注意的是不能通过下标直接为列表添加数据需要用特定函数进行修改：pop(),push(),shift()unshift()splice()sort()reverse()不过可以先
@凌晨三点半·2020-09-12 00:14

Vue学习笔记（条件渲染、列表渲染、Class与Style绑定）

条件渲染、列表渲染、Class与Style绑定.条件渲染：v-ifv-elsev-else-if，v-show列表渲染：v-forstyle和class的绑定：style可写成对象形式，然后通过属性绑定v-bind进行绑定；class绑定写成对象形式，键名是真是的class名称，值为布尔值或表达式，或者可以使用数组直接输出字符串，也可以用对象表达式+数组混合的方式
不忘初心砥砺前行·2020-09-12 00:32

vue学习笔记（二）- 数据绑定、列表渲染、条件判断

vue的数据绑定和列表渲染的造轮子GitHub:八至作者：狐狸家的鱼双向数据绑定Vue中数据的双向绑定-v-model数据->页面页面->数据适用：input、select、textarea{{checked}}{{message}}varmessage='sue';varvm=newVue({el:'#app',data:{message,checked:true}})这是一个简单的表单输入双向
diaoyanbian8143·2020-09-12 00:36

vue学习笔记

npm-换淘宝源Node的模块管理器npm会一起安装好。由于Node的官方模块仓库网速太慢，模块仓库需要切换到阿里的源。npmconfigsetregistryhttps://registry.npm.taobao.org/执行下面的命令，确认是否切换成功。npmconfiggetregistryVUE组件说明：1.全局组件：写在newVue外面的组件例：Vue.Component('标签名'),
bajun3444570·2020-09-12 00:27

vue学习笔记(五)条件渲染和列表渲染

前言在众多的编程语言中，我们的基础语法总是少不了一些专业语法，比如像定义变量，条件语句，for循环，数组，函数等等，vue.js这个优秀的前端框架中也有同样的语法，我们换一个名词，将条件语句改成专业词汇叫做条件渲染，循环语句改成专业词汇叫做列表渲染，这样比较舒服一点。本章目标学会条件渲染的使用学会可复用的key的使用学会列表渲染的使用条件渲染1.v-if的使用成绩为Aletvm=newVue({e
二郎神杨戬·2020-09-11 23:33

Vue学习笔记09- v-else-if的玩法

前言：我们使用v-if、v-else-if和v-else就可以像条件判断一样去玩这个标签。1.首先我们创建一个vue实例：这次我们使用随机数来玩这个条件语句。constapp=newVue({el:"#app",//根据名称操作div,作用域只在该divdata:{random:0},methods:{},});2.添加一个双向绑定按钮：触发点击事件时候，会执行@click等号后面的函数或语句，由
weiweiQAQ·2020-09-11 23:00

Vue学习笔记

1.ES6中字符串的新方法给字符串补足位数padStart（2，‘0’）padEnd（，’’）2.VUE的按键修饰符：监听固定按键监听固定按键.enter.tab.delete(捕获“删除”和“退格”键).esc.space.up.down.left.right也可使用键盘码自定义全局按键修饰符的方法Vue.config.keyCodes.f2=113;//@keyup.enter="add()"
lm_four·2020-09-11 15:48

Vue学习笔记

Vue学习笔记Vue学习笔记——vue生命周期Vue生命周期在页面首次加载执行顺序有如下：beforeCreate//在实例初始化之后、创建之前执行一般使用场景是在加loading事件的时候created
wwincir·2020-09-11 11:26

VUE学习笔记(三)-子路由、多路由、嵌套路由、动态路由都是什么鬼？

最近学习到VUE路由这块，发现这块知识点有点多，好容易混乱，我的学习习惯就是先要建立框架，然后再去挨个学习搞懂，所以先来把概念搞搞清楚再说。首先，我们要知道VUE路由创建的是单页面路由。子路由其实和单路由意思是一样的，单路由应该很好理解，因为我们都知道路由是可以一层一层嵌套的，你可以想象一下俄罗斯套娃，就是一个套一个的这种感觉，而里面那个都会一直被外面一个包含着。所以单路由的意思就是只有一层呗，放
心若向阳无谓悲伤·2020-09-11 09:56

vue学习笔记：VUE组件通信（子传父）

引用：js：varvm=newVue({el:'#app',//挂载data:{},components:{'my-tab':{//父组件template:'#sueTab',data(){return{childn:0,//创建变量用来接收子组件传递过来的值chindtablist:[]//同上}},methods:{getdata:function(d){//获取子组件传递的值并给父组件dat
　岁岁.·2020-09-10 17:23

VUE学习笔记（开发中遇到的问题，慢慢补全中。。。）

VUE学习笔记1.子组件调用父组件的方法1.父组件中的子组件写法2.子组件中调用的方法this.
飓廴之莨·2020-09-10 16:59

Vue学习笔记之Webpack的plugin的应用

1、概念：插件，它是对webpack本身的扩展，是一个扩展器，让webpack变得更加好用。2、版权声明插件：BannerPlugin，但这个是webpack是自带的，所以可以不需要进行安装，在项目配置文件直接引用一下即可：constwebpack=require（‘webpack’）然后重新打包项目，在生成的js文件中增加一行版权申明：3、打包HTML的插件：我们的目录结构中，index.htm
大数据时代·2020-09-06 22:07

vue学习笔记（一）键盘触发事件

键盘触发事件在写页面时遇见了登录页需要加一个键盘回车事件，所有找到了所有的触发事件，在此记下。键盘别名名字别名回车.enter换行.tab删除/退格.delete空格.spaceesc.esc上移.up下移.down左移.left右移.right用法这是用了vue中的v-on，如下即但是若在组件框架中写需要加.native
weixin_44426772·2020-08-26 15:54

Vue学习笔记5 Vue-cli快速上手

文章目录前言一、Vue-cli是什么？二、使用步骤1.安装Vue-cli2.初始化Vue-cli三、Vue-cli项目目录结构解析1.浅析项目目录2.详细项目目录解析如下四、Vue-cli补充1.打包vue-cli项目2.main.js总结前言本文将介绍vue-cli的安装及目录结构以及一些基础配置Vue-cli(Vue脚手架)准备：本教程使用代码编写工具是VSCode具备一定的vue语法基础对n
会左勾拳的螳螂·2020-08-26 11:11

vue学习笔记666

一，前后都加下划线的方法使用伪类&:before和&:after二，热门城市北京没有显示出来，由于子元素加了float，父元素应该加overflow:hidden属性三，展示城市列表，使用父子组件传值，兄弟组件传值四，better-scroll使用报错，scrollToElement()方法应该传入一个dom结构，而现在传入的是数组，所以报错解决方法：scrollToElement()传入数组的第
209cxyyxc·2020-08-24 23:38

Vue学习笔记

目标：了解Vue,了解常用的Vue的一些工具，用vuecli搭建一个测试用例，在浏览器上面运行起来。了解Vue百科定义Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，方便与第三方库或既有项目整合。同类的技术AngularJS:诞生于2009年，由MiskoHev
gaoqisen·2020-08-24 19:20

vue学习笔记_引入第三方饿了吗组件(ElementUI)

ElementUI组件官网：http://element-cn.eleme.io/#/zh-CN/component/installation原创地址：https://blog.csdn.net/zhouzhiwengang/article/details/74625407第一步：新建Vue项目（详细创建步骤请参考：https://blog.csdn.net/tangcv/article/deta
一念&成魔·2020-08-24 16:57

AntDesign vue学习笔记（六）Table 显示图片

AntDeign官网上没有table动态绑定显示图片的示例，baidu上搜索出来的大部分都是React语法，无法使用。经过摸索，实现方法如下：以显示一个图片，一个按钮为例(picurl是返回的json数据，内容为图片地址)。1、设置column，scopedslotsconstcolumns=[{title:'图片',width:120,dataIndex:'picurl',fixed:'left
weixin_30572613·2020-08-24 10:30

VUE学习笔记var _this = this 的作用

var_this=thisconsole.log(_this)原来的对象console.log(this)//当前方法对象_this只是一个变量名，this代表父函数，如果在子函数还用this，this的指向就变成子函数了，_this就是用来存储指向的普通函数中的this表示调用此函数时的对象，箭头函数里面的this会继承自外部的this，普通函数中的this并不会向上继续找对象，箭头函数中会往上
zaochenli·2020-08-24 09:32
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他