------vue学习

VUE学习之路（二）----全局API之Template 制作模版

TemplateTemplate三种写法{{message}}我是Template标签模板我是Script标签模板varapp=newVue({el:'#app',data:{message:'helloworld'},//第一种写法：适用于很小的模板//template:`//我是选项模板//`//第二种写法：需要在html中增加template标签//template:"#dd2"//第三种写
lxhguard·2020-08-21 14:40

vue学习总结一：keep-alive用法及（activated,deactivated生命周期）

activated(){console.log('activated页面打开时触发');},deactivated(){console.log('deactivated页面关闭时触发');}axios获取本地文件配置步骤一、修改config文件夹下面index.js文件配置proxyTable:{'/api':{target:'http://localhost:8081',pathRewrite:
baidu_41921865·2020-08-21 13:52

Vue源码学习笔记

最近偷懒好久没有写博客了，一直想继续Vue学习系列，想深入Vue源码来写。结果发现自己层次不够，对js的理解差好多。所以一直想写一直搁置着。
VioletJack·2020-08-21 11:30

Vue学习笔记（九）——sync修饰符

参考文档：https://cn.vuejs.org/v2/guide/sync修饰符用于简化子组件通知父元素更新传入参数这个动作的代码逻辑，可以参考如下示例：sync修饰符-->-->Vue.component('my-com-a',{template:'{{title}}',props:['title'],methods:{changeA:function(){this.$emit("updat
讨厌走开啦·2020-08-21 04:20

vue学习笔记（一）

B站学习资料：https://www.bilibili.com/video/BV11s411A7h6?p=7工程文件代码：1.MVC和MVVM关系MVC（后端概念）：M是数据层，V是视图层，C是业务逻辑层MVVM（前端概念）：M是数据层，VM是数据层与视图层的调度者，V是视图层2.vue框架简述支持网页和手机APP的开发减少不必要的DOM操作，提高渲染效率，数据双向绑定框架：有自己基本的语法，对代
qq_36752532·2020-08-21 01:18

vue学习笔记（二）

1.bootstrapBootstrap是一个用于快速开发Web应用程序和网站的前端框架。2.品牌列表信息管理界面目录：code02/01.品牌信息列表管理界面.html实现界面代码Document新增品牌id:name:查找的关键字:IdNameCtimeOperation{{item.id}}{{item.name}}{{item.ctime|timeFormat('yyyy-mm-dd')}
qq_36752532·2020-08-21 01:18

vue学习：路由配置

00vue项目中的路由配置01什么是前端路由若web服务器的安置为10.0.0.1，该web服务器提供了3个供用户访问的页面，页面URI分别为https://10.0.0.1/https://10.0.0.1/abouthttps://10.0.0.1/contract当用户使用https://10.0.0.1/about访问页面时，web服务器会受到请求，解析URL中的路径/about，程序会将
咕咚咚·2020-08-20 23:16

Vue学习——4、可复用性 & 组合

一、混入：不常用，略二、自定义指令2.1简介：https://cn.vuejs.org/v2/guide/custom-directive.html#简介除了核心功能默认内置的指令(v-model和v-show)，Vue也允许注册自定义指令。注意，在Vue2.0中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通DOM元素进行底层操作，这时候就会用到自定义指令。举个聚焦输入框的例
Mr_XiMu·2020-08-20 22:43

Vue学习——3、过渡&动画

一、进入/离开&列表过渡1.1概述：Vue在插入、更新或者移除DOM时，提供多种不同方式的应用过渡效果。包括以下方式：在CSS过渡和动画中自动应用class可以配合使用第三方CSS动画库，如Animate.css在过渡钩子函数中使用JavaScript直接操作DOM可以配合使用第三方JavaScript动画库，如Velocity.js暂时只涉及进入、离开和列表的过渡。1.2单元素/组件的过渡：ht
Mr_XiMu·2020-08-20 22:12

vue学习笔记

一，两种情况下vue更改数据不会响应1.v-for渲染数据时，为数组中某一项直接赋值，数据不会响应。list数组中改变第二项数据无响应解决办法：调用Vue.set方法：（需在当前组件中引用vue）可实现数据响应2，改变数组的长度，数据不会响应。二，组件中props,$emit用法实例：1.props子组件子组件中需要用到父组件中的参数，就需要用props属性来申明一些变量，去获取父组件中要传的值。
lucky_yy·2020-08-20 15:54

2020 零基础 Vue综合应用 教开发音乐播放器—悦听（激发编程乐趣）【整理+源码】

文章目录1、引言2、音乐播放器完整版效果图如下：3、接口引用4、示例代码5、结束语点击进入Vue❤学习专栏~1、引言这是Vue学习的综合应用篇，教你开发一个音乐播放器，能听歌，能看热门留言，能看mv，开发主要是以下环节
一百个Chocolate·2020-08-20 08:24

vue学习笔记——使用vue-router进行页面跳转

第一步：配置跳转页面的组件第二步：配置路由创建router目录并创建index.js文件importVuefrom'vue'importVueRouterfrom"vue-router";importContextfrom"../components/Context";importMainfrom"../components/Main";//安装路由Vue.use(VueRouter);//配置导
ChienAAAy·2020-08-20 07:31

vue学习笔记——组件、Axios异步通信、计算属性

组件组件（Component）是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树。Title/*定义一个Vue组件component*/Vue.component("chien",{props:['qc'],/*prop是子组件用来接受父组件传递过来的数据的一个自定义属性。
ChienAAAy·2020-08-20 07:31

vue学习之mounted与methods

title:vue学习之mounted与methodsdate:2019-11-22原本在个人博客上写了一些博文，现转移到CSDN上vue学习之mounted与methods在项目中，会用到vue的数据传输以及函数调用
myl0808·2020-08-20 06:02

vue学习笔记——插槽、自定义事件

插槽slotVue实现了一套内容分发的API，这套API的设计灵感源自WebComponents规范草案，将元素作为承载分发内容的出口。TitleVue.component("todo",{template:'\\\\\'})Vue.component("todo-title",{props:['title'],template:'{{title}}'})Vue.component("todo-i
ChienAAAy·2020-08-20 06:50

Vue学习第二天

Vue学习第二天v-on的参数传递问题。1在v-on中，如果我们不需要传递参数，那么绑定的方法就可以不需要()2在v-on中，如果我们需要传递的参数不是我们定义好的变量。
是楷不是凯·2020-08-19 22:40

vue学习笔记---接口数据传递

1.向后发起请求的插件vue-resource第三方包axios向vue对象中挂载一个this.$httpthis.$http.get（‘url’，[‘parmars’]）.then(suncessCallback,errorCallback);this.$http.post（‘url’，{[body]}，{[‘headers’]}）.then(suncessCallback,errorCallb
刘双武·2020-08-19 21:04

Vue学习笔记day03总结

目录1.使用Vue-resource实现品牌的增删查功能2.动画2.1使用过度类名实现动画2.2自定义v-前缀2.3使用第三方animate.css类实现动画2.4钩子函数实现半场动画2.5使用transition-group元素实现列表动画3.组件3.1组件的创建方式（推荐使用第3种）3.1.1创建方式13.1.2创建方式23.1.3创建方式3（推荐）3.2组件中的data3.3组件切换3.3.
Gavid-jh·2020-08-19 21:31

vue学习第7天，组件

1，具名插槽，插槽可以有名字name，在父容器的元素中可以指定元素的slot属性为子组件模板中的slot的name属性的值通过这种方法可以为父容器的元素指定插槽2，子组件中插槽可以不设置name属性这样的话这个插槽就是一个默认插槽当父容器中有元素没有设置具名插槽的时候这一部分元素就会放到默认插槽里面如果没有默认插槽的话这一部分元素就会被舍弃3，作用域插槽是一个特殊类型的插槽可以用来传递数据可以重用
Sukla·2020-08-19 16:56

Vue-第七天 学习与相关问题总结

Vue学习第七天1.。MintUI学习,提供了各种各样的组件。
不正经的前端程序员·2020-08-19 15:34

Vue 学习 之 7.01 学习笔记

Vue学习之7.01学习笔记1.还是复习前面的那个“品牌案例管理”，但是数据不是静态写死哦，而是动态的管理，向数据库发送相关请求实现，因此，小节和昨天所学就是掌握Vue的Ajax技术一。导包二。
不正经的前端程序员·2020-08-19 15:34

在没有DOM操作的日子里，我是怎么熬过来的（终结篇）

接下来，正文从这开始~好多童鞋学习Vue都有灯下黑的误区，比如，观看各种Vue入门的视频教程，翻阅各种Vue学习笔记的技术博客，闲逛各种号称Vue技术交流的大群。。。殊不知你们都在骑驴找马绕远路。
闰土大叔·2020-08-19 09:15

Vue学习（二）如何写Vue（入门例子）

比如：我们有一个需求，一个网页上一个Div标签，我们有一个json对象存储数据，把json对象上的数据放到Div上去。接下来是步骤：第一步：创建一个文件夹并创建一个html文件比如：index.html.当如你可以选择你自己的编辑器，我就用VSCode。第二步：引入Vue库当然了你可以直接下载Vue的js文件，推荐你直接用上面的cdn即可。第三步：创建一个Div，给它一个id，比如：app第四步：
热水钟·2020-08-19 06:30

Vue学习--MVVM模型

MVVM模型MVVM简介  MVVM是Model-View-ViewModel的缩写，它是一种基于前端开发的架构模式，其核心是提供对View和ViewModel的双向数据绑定，这使得ViewModel的状态改变可以自动传递给View，即所谓的数据双向绑定。  Vue.js是一个提供了MVVM风格的双向数据绑定的Javascript库，专注于View层。它的核心是MVVM中的VM，也就是ViewMo
故事很长、·2020-08-19 03:25

Vue学习笔记进阶篇——vue-router安装及使用

本文是基于上一篇文章（Vue学习笔记进阶篇——vue-cli安装及介绍）vue-
bysjlwdx·2020-08-19 01:55

Vue学习、从简单入门到深入（零）—— Vue学习步骤

Vue学习、从简单入门到深入（一）——Vue学习步骤前言用vue做过一些项目，但个人感觉对vue理解还是比较浅，所以想根据尤大神的建议从头学一遍，已达到真正的掌握vue及其相关的前端工程化工具.起步扎实的
赵小猛·2020-08-19 00:43

Vue学习系列 -- 常见的UI框架

在此总结一下常见的与Vue相关的UI框架，具体分为移动端和PC端两大类。这里只是做了一个罗列，并未展开介绍，详细内容请访问对应链接查看官方文档。移动端Vux：https://vux.li/#/Mint-UI：http://mint-ui.github.io/#!/zh-cnVonic：https://wangdahoo.github.io/vonic-documents/#/Muse-UI：htt
躬匠·2020-08-18 23:01

vue学习笔记记录-慕课网《vue2.5入门》黑马程序员《VUE开发小程序》

vue学习笔记记录-慕课网《vue2.5入门》看慕课网上的课程《vue2.5入门》黑马程序员《VUE开发小程序》写在前面：已经有一定的html，css，JavaScript的基础，学习vue为了更好地开发
yezhengjie·2020-08-18 23:45

vue学习十(prop传参、v-bind传参、$emit向父级发送消息、input组件上使用 v-model、事件抛值)

文章目录基本示例组件的复用通过Prop向子组件传递数据v-bind来动态传递prop通过$emit事件向父级组件发送消息使用事件抛出一个值在组件上使用v-model基本示例组件是可复用的Vue实例，且带有一个名字：在这个例子中是。我们可以在一个通过newVue创建的Vue根实例中，把这个组件作为自定义元素来使用Vue.component('button-counter',{data:functio
进击的小猿·2020-08-18 22:51

vue学习十六(vuex)

文章目录概念实例概念Vuex是用来管理组件之间通信的一个插件state：用来存放组件之间共享的数据。他跟组件的data选项类似，只不过data选项是用来存放组件的私有数据。getters：有时候，我们需要对state的数据进行筛选，过滤。这些操作都是在组件的计算属性进行的。如果多个组件需要用到筛选后的数据，那我们就必须到处重复写该计算属性函数；或者将其提取到一个公共的工具函数中，并将公共函数多处导
进击的小猿·2020-08-18 22:51

Vue学习心得

Vue源码学习心得记录下Vue源码阅读的心得,从git上下载到代码,从最初代码开始阅读.1.Vue数据绑定{{msg}}{{hello}}{{world}}newVue({el:'app',data:{msg:'helloWolrd',hello:'你好!',}})此处实现双向绑定的原理:functionVue(opt){constbindingMark='data-element-binding
yjianfang·2020-08-18 22:54

Vue学习--组件

Vue中的模块化、可重用代码块将页面细分为一个个功能组件，而且组件之间可以嵌套。组件分为全局组件与局部组件，局部组件在实例中进行注册，并且只可以应用于该实例中。1、组件的使用流程：//1、创建组件构造器letoverallDiv=Vue.extend({template:`这是一个全局组件div`});//2、注册全局组件Vue.component('overall-div',overallDiv
Vic·Tory·2020-08-18 22:22

vue学习一（慕课网学习笔记）

一.安装略过二.创建项目#vueinitwebpackfristProject#cdfristProject#npmrundev三.语法1.组件的选项newVue({data:{//数据a:1,b:[]},methods:{//方法doSomething:function(){this.a++;}},watch:{//监听：a变化前后的值a:function(val,oldVal){console
茵小青·2020-08-18 22:38

vue学习四，组件（慕课网学习笔记）

1.组件划分功能模块：select，pagenation...页面区域：header，footer，sidebar...2.组件注册header.vue和footer.vue文件，在App.vue中引用注册importHeaderfrom'./header'importFooterfrom'./footer'newVue({components:{Header,Footer}})在内容中使用组件3
茵小青·2020-08-18 22:38

vue学习总结--基础指令

文章目录1.v-for2.v-cloak3.v-text与v-html4.v-bind4.1v-bind基本使用4.2v-bind动态绑定class的对象语法4.3v-bind动态绑定class的数组语法4.4v-bind动态绑定style的对象语法4.5v-bind动态绑定style的数组语法5.v-on6.v-if与v-else7.v-show7.1v-if和v-show的区别8.v-mode
the coderwu·2020-08-18 21:55

vue学习笔记---vue实现ToDoList

ToDoList初级功能描述:增加任务:通过在文本框中输入任务内容,点击添加按钮,任务会自动添加到任务列表之中.实现思路:vue的思想是根据MVVM设计思想,也就是说,当程序中的数据被改变的时候,则视图上的对应内容也会自动发生变化.主要使用到vue的一下几个几个指令:v-model:创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。它负责监听用户的输入事件以更新数据，并对一些极端场景
{[("青椒盖饭")]}·2020-08-18 21:50

vue学习笔记---vue的Helloworld

如果使用传统的js进行对一个div元素中添加内容,则会进行以下操作获取对应元素对象修改元素对象内容helloworldvarappObj=document.getElementById("app");appObj.innerHTML="HellWorld"而当使用vue框架之后,只需要关注数据修改即可,不需要关注对象的获取细节要在网页中使用vue可以直接通过标签引入vue.js文件具体的操作为,创
{[("青椒盖饭")]}·2020-08-18 21:50

vue学习笔记，自用

包含很多东西。form表单提交基本信息账号：密码：性别：男女兴趣信息爱好：ABC生日：现在日期：邮箱：年龄：省份：请选择北京上海广州图片：隐藏域：取色器：{{message}}学校：{{school.name}}电话：{{school.mobile}}{{campus[0]}}{{campus[1]}}hshashud您好，{{message+"!"}}{{info+"!!!!"}}{{messa
牧 码人·2020-08-18 21:11

Vue学习使用心得

vue.js小白的起步最近刚刚开始学习使用VUE，然后现在总结一下最近遇到的问题：vuejs小白的起步使用的模板是饿了么的element组件需要强制改变组件的某些属性时使用的模板是饿了么的element组件关于element组件，使用中有一些心得：在每个组件里，首先会有很多个例子，然后下面会有一些文档说明，比如：Attributes，方法，medth如果是方法：this.$refs.tree.ge
不会骑扫把的小女巫·2020-08-18 21:15

Vue学习每日收获

2020.4.271.通过Vue官方推荐的脚手架VueCli来创建项目，安装脚手架命名如下：npminstall-g@vue/clioryarnglobaladd@vue/cli2.创建一个名为hello-world的vue项目，命令如下：vuecreatehello-world3.进入hello-world文件夹下：cdhello-world4.启动项目：npmrunserve5.也可以通过we
月亮是我踹弯的·2020-08-18 21:44

Vue学习心得（1）vue的安装

因为公司要用到Vue来实现项目的需求，所以最近的一段时间都在学习和使用Vue，谈不上多精通，但是基本的业务逻辑都能实现，在我看来技术的学习应该是一个探讨并成长的过程，所以关于vue的学习使用，发表一下在自己的看法，希望大家也能够不吝指教，共同进步。大家也都知道，vue是一个轻量级的框架，他和React，AngularJS有很多相似的地方，当然了他们还是有区别的，否则的话那就是一个东西，那么我们也就
泽拉图-Zeratul·2020-08-18 21:50

Vue学习记录-组件data必须是函数

{{title}}正文Vue.component('cpn',{//注册全局组件template:"#cpn",data(){return{title:"标题"}}})constapp=newVue({el:'#app',data:{message:'hello'}})为什么组件的data必须是函数当创建多个组件实例时，每个组件的data为函数即时return的新对象这样避免多个组件共享一个dat
orangecloudy·2020-08-18 21:07

Vue学习-父子组件访问

父子组件访问1.父访问子$children$refsDocument按钮子组件constapp=newVue({el:'#app',data:{message:'hello'},methods:{btnClick(){//1.$children//this.$children[0].showMessage();//$refsconsole.log(this.$refs.reference.name
orangecloudy·2020-08-18 21:07

Vue学习记录-slot的使用

slot的使用基本使用按钮a组件constapp=newVue({el:'#app',data:{message:'hello'},components:{cpn:{template:'#cpn',},}})具名slot中左中右constapp=newVue({el:'#app',data:{message:'hello'},components:{cpn:{template:'#cpn',},}
orangecloudy·2020-08-18 21:07

Vue学习-父子组件通信

父子组件通信1.父传子propsDocument{{item}}//父传子：propsconstcpn={template:'#cpn',//props:['cmovies'],props:{//cmovies:Array,cmovies:{type:Array,default(){return[]},required:true,},},data(){return{}},}constapp=new
orangecloudy·2020-08-18 21:07

Vue学习记录-显示“缩略语列表”

2020年6月11日ExplainingtheDocumentObjectModelWhatistheDocumentObjectModel?TheW3CdefinestheDOMas:Aplatform-andlanguage-neutralinterfacethatwillallowprogramsandscriptstodynamicallyaccessandupdatethecontent
orangecloudy·2020-08-18 21:07

Vue学习小结(三)—网络应用

1.axiosAxios是一个基于promise的HTTP库，可以用在浏览器和node.js中。官网地址：axios中文网快速上手用到的接口：获取笑话：“https://autumnfish.cn/api/joke/list?num=”测试用户注册：“https://autumnfish.cn/api/user/reg”axios//get请求获取笑话document.querySelector(
酸霉汤·2020-08-18 20:30

Vue学习小结(一)

1.VSCode开始使用VSCode了，但已经习惯了WebStorm，用VSCode很不习惯。直接官网下载安装：VSCode官网安装教程：VSCode安装教程VSCode可以装很多插件，让敲代码更有趣，更高效。前端常用插件可以参考：前端常用插件2.Vue使用官网：传送门直接云端使用:3.最最最基础的使用Vue第一个页面{{message}}//在此处显示内容varapp=newVue({el:"#
酸霉汤·2020-08-18 20:30

Vue学习笔记——Vue个人小结

1、Vue.directive('自定义标签名称，如v-stephen',function(el,binding){el.style='color:'+binding.value;})2、Vue.extend()：定义的是静态标签，没有传递任何参数写法两种：(1).定义标签法：//不带任何属性(2).挂载在普通标签中：//普通标签中上述两种方法定义静态标签必须使用newauthorExtend()
Stephen-James·2020-08-18 20:21

vue学习参考及笔记（bootstrap和vue的区别）

https://juejin.im/post/5ba9d5cce51d450e805b59b0-比官方文档更易懂的Vue.js教程！包你学会！https://juejin.im/post/5a7c18d36fb9a0633e51c458-从零开始搭建一个vue项目https://blog.csdn.net/Dj_Fairy/article/details/79315740-创建vue项目并安装依赖
那年白马啸西风·2020-08-18 20:21
上一页 25 26 27 28 29 30 31 32 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他