#vue学习

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

Vue学习总结-watch

Vue学习总结-watchwatch-监视文本框变化watch-监视路由地址的改变computed-计算属性的使用和3个特点watch、computed、methods的对比watch-监视文本框变化+
frieryumao·2020-08-18 20:05

Vue学习笔记二：v-cloak，v-text，v-html的使用

目录v-cloak：解决插值表达式闪烁问题安装插件LiveServer右键以HTTP形式运行HTMLv-text：以属性方式使用插值表达式v-cloak和v-text的区别v-html:解决html展示问题越来越感觉，Vue学起来很有意思v-cloak：解决插值表达式闪烁问题先来写一个HTML，如下Vae{{msg}}//这个vm就是MVVM中的VM，ViewModelvarvm=newVue({
dengtangda9444·2020-08-18 20:35

vue学习小结

vue学习小结前言学习vue已经有一段时间了，今天把这段时间的学习心得和一些小问题记录一下，防止以后忘记，争取不贰过。
bingduYu·2020-08-18 19:31

Vue学习总结之Vue的生命周期是怎么运用操作的？本文详解

写在前面1.每一篇文章都希望您有所收获，每一篇文章都希望您能静下心来浏览、阅读。每一篇文章都是作者精心打磨的作品。2.如果您觉得二郎神杨戬有点东西的话，作者希望你可以帮我点亮那个点赞的按钮，对于二郎神杨戬这个暖男来说，真的真的非常重要，这将是我持续写作的动力。您只需要小手轻轻一点，带来的却是温暖了这个作者，给予他前进的动力。3.除了本文案例，结合多年开发经验我还整理出2020最新企业级高级实战视频
编程叫兽·2020-08-18 19:58

从入门到现在也已经过了小半年时间，Vue学习心得

前言在假期来临前，花了一个月快速学习掌握vue，从入门到现在也已经过了小半年时间，中间有用vue做个人博客网站、也学了mpvue开发微信小程序参加比赛并获奖，还学了pythonflask和java。这段忙碌的时光带给我很多收获，对于编程学习我也总结了很多经验。兵贵神速（针对于自学）任何一门编程语言或者某种技术的入门，一定要做到快。无论是学习还是编程，快乐的时光终究只是其中的一小部分，枯燥才是大头。
BOM485480·2020-08-18 19:20

Vue学习篇(十六)—Vuex

VueDay16——VueX概述认识VuexVuex基本使用Vuex核心概念属性项目结构组织16.1.认识VuexVuex是做什么的?官方解释：Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex也集成到Vue的官方调试工具devtoolsextension，提供了诸如零配置的time-tra
云澈丿·2020-08-18 19:25

vue学习三，localStorage存储todolist（慕课网学习笔记）

1.LocalStorage是HTML5本地存储2.store.jsconstSTORAGE_KEY="todos-vuejs"exportdefault{fetch:function(){returnJSON.parse(window.localStorage.getItem(STORAGE_KEY)||'[]')},save:function(items){window.localStorag
茵小青·2020-08-18 19:40

vue学习二，简单todoList实现（慕课网学习笔记）

{{title}}{{item.label}}exportdefault{data(){return{title:'thisisatodolist',items:[],//存储记事的数组newItem:''//绑定input输入的值}},methods:{//点击记事完成的事件，isFinished取反，添加下划线toggleFinish:function(item){item.isFinishe
茵小青·2020-08-18 19:40

Vue学习笔记 - 2019

目录一、安装Node二、Vue-cli2.1初识vue-cli32.2搭建项目2.3目录结构三、Vue的ajax3.1axios使用方式四、Vue父子组件4.1父组件向子组件传递数据4.2子组件向父组件传递数据五、Vue拦截器一、安装Node首先安装Node环境配置环境变量：path指引Node目录，比如：path：D:/Nodecmd黑窗口查看环境是否配置正确：node-v出现版本号就没问题二、
czboy_·2020-08-18 19:57

Vue学习小结(二)

1.v-for指令v-for指令根据数据生成列表结构。结构：{{item}}需要用索引时：{{index+item}}{{item}}{{index+item}}添加删除{{item.name}}varapp=newVue({el:"#app",data:{arr:["北京","上海","广州","深圳"],vegetables:[{name:"番茄炒蛋"},{name:"肉末茄子"}]},met
酸霉汤·2020-08-18 19:05

vue学习博客推荐及个人笔记（面试必问）

59116fa6a0bb9f0058aaaa4c-vue双向数据绑定实现原理（面试基本会问到）还有promiss异步，看下面的文章https://blog.csdn.net/guanshanyue96/article/details/106157711-vue
那年白马啸西风·2020-08-18 19:58

Vue学习文档记录

1、单向数据流注意：在JavaScript中对象和数组是通过引用传入的，所以对于一个数组或对象类型的prop来说，在子组件中改变这个对象或数组本身将会影响到父组件的状态。2、动态渲染HTMLv-html="rawHtml"你的站点上动态渲染的任意HTML可能会非常危险，因为它很容易导致XSS攻击。请只对可信内容使用HTML插值，绝不要对用户提供的内容使用插值。3、计算属性缓存vs方法计算属性是基于
大橙子额·2020-08-18 05:21

vue学习笔记（慎入，内容仅供学习时查询某些函数具体起到什么作用）

getAndRemoveAttr从ast模板对象中取出相应的属性。检测属性是否存在，通过对象attrsMap来检测，提升效率如果存在，则从attrsList中中移除如果第三个传参为true，删除attrsMap中对应的属性返回取到的结果，或者undefined//note:thisonlyremovestheattrfromtheArray(attrsList)sothatit//doesn'tg
weixin_33698823·2020-08-18 04:27

视频教程-公司移动站点Vue实战课程（配后台，送所有代码）-Vue

黄菊华¥99.00立即订阅订阅后：请点击此处观看视频课程视频教程-公司移动站点Vue实战课程（配后台，送所有代码）-Vue学习有效期：永久观看学习时长：151分钟学习计划：3天难度：中「口碑讲师带队学习
weixin_33186171·2020-08-18 04:52

vue 学习小结（生命周期和组件传值）

vue学习小结（生命周期和组件传值）最近需要用到vue框架的项目，所以又去学习了vue，这里简单做个小结，讲一讲vue2.0的生命周期和组件传值，适用于阅读vue文档后。
薛定谔的panda·2020-08-18 03:47

【Vue学习总结】7.Vue定义方法、操作数据以及事件对象

接上篇《6.Vue双向数据绑定和ref属性操作原生DOM》上一篇我们主要讲解了Vue及双向数据绑定和Vue事件，以及Vue中的ref获取dom节点的操作，本篇我们来详细的介绍Vue事件，以及如何定义、执行方法，如何获取和改变数据，执行方法传值以及事件对象的操作。本系列博文使用的Vue版本：2.6.11一、执行事件的方法这个我们在上一篇讲到，执行Vue的事件，在标签体中添加“v-on:click”属
光仔December·2020-08-18 03:28

Vue学习（一）基础语法

点击这里测试刚开始写key一直取不出来值，仔细看了看发现：js中newVue对象时，Vue一定要大写！HTML代码：{{message}}鼠标放上youcansee{{msg.text}}JS代码：varapp1=newVue({el:'#app-1',data:{//这里的message就是页面中取值的keymessage:'HelloVuejs!'}})varapp2=newVue({el:'
啊我的眼睛·2020-08-17 21:41

vue学习报错---Newline required at end of file but not found（Vue格式化代码问题）

代码：无bug报错的代码：加上换行即可可能还会出现其他问题。对于vue的格式化。编写文件.prettierrc{"printWidth":100,//每行到多少长度开始折行"tabWidth":2,"singleQuote":true,//单引号"trailingComma":"none",//数组、对象最后一个元素的尾逗号"bracketSpacing":true,//花括号前后空格"jsxBr
End_less__·2020-08-17 20:10

新手Vue学习记

前言一年多以前开始入门前端，完全是一个门外汉，不想参加培训班，所以开始自学（之前也有过一段自学的经历但是放弃了），主要也是机缘巧合找到了一份还不算太难的前端开发工作。从最基本的HTML、CSS和JavaScript学起，先看的菜鸟教程上的文档，感觉理解的不够深入，就下载了黑马程序员的视频教程，但是本人的自律性较差所以断断续续的只学习了前几章的内容，加上平时遇到问题百度查询资料，不断的采坑，又看了《
smilezyl2014·2020-08-17 19:36

新手学习记录vue

Vue学习记录1：配置以及安装：1.傻瓜式安装完成nodejs网址http://nodejs.cn/download/以后一些就安装包啊啥完成之类的就不做记录其次win+R输入cmd输入指令测试看下安装成功与否
从零开始的前端傻瓜·2020-08-17 18:34

Vue学习日记之MVVM与vue实例

1、MVVM简述首先我们要简单了解，MVVM的概念，关于MVVM，它是一个前端的框架概念，是从后端的MVC的一个变种，要注意到MVVM是由Model+View+ViewModel组成，MVC是由Model+View+Controll组成，这两者的M不同，MVVM中的M是前端的数据，MVC中的M是数据处理层，直接与数据库交接。要想得到更多的MVVM概念可参看我的MVVM博客https://blog.
啊祝arzhu·2020-08-17 14:14

Vue学习笔记3-高级知识

注意:撰写本文目的主要是为了给自己做一个备忘录，如果你学过vue并且希望从本文中找到一些忘记的知识点，那么你可以阅读本文章。由于文章内讲解并不是很多，因此此文章并不适合小白入门使用。8.生命周期每个Vue实例创建时，都会经历一系列的初始化过程，同时也会调用相应的生命周期钩子，我们可以利用这些钩子，在合适的时机执行我们的业务逻辑。常用的钩子:create:实例创建完成后调用，此阶段完成了数据的观测等
北国猫蜜嗨·2020-08-17 08:32
上一页 26 27 28 29 30 31 32 33 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他