------vue学习

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

mpvue跳转页面

正准备写一个小程序，得知了mpvue开源的消息，又恰巧之前刚刚学习了一点vue，便开始了我的mpvue学习之路。第一步就是配置环境之类的。。。
程宇66·2020-08-17 07:48

vue,react,angular三大web前端流行框架简单对比

常用的到的网站vue学习库：https://github.com/vuejs/awesome-vue#carousel(json数据的格式化，提高本地测试的效率)json在线编辑：http://www.bejson.com
weixin_30268071·2020-08-17 06:20

vue学习，v-for不渲染

最近在学习vue，使用axios+v-for做个搜索天气的小练习，发现只有第一次搜索有数据，改变数组后vue-for不渲染，但使用console.log可以看到数据确实更新了。使用this.$forceUpdate();这个不起作用，没办法了，只好在js里面写了一个清空数组的办法，解决了问题。varapp=newVue({el:"#app",data:{list:[],city:""},metho
靖翼·2020-08-17 04:15

Vue学习-axios使用

Axios是一个基于promise的HTTP库，可以用在浏览器和node.js中。特性从浏览器中创建XMLHttpRequests从node.js创建http请求支持PromiseAPI拦截请求和响应转换请求数据和响应数据取消请求自动转换JSON数据客户端支持防御XSRF1.安装axioscnpminstall--saveaxios此外，npminstall参数之间的不同对比如下：npminsta
Dennis_Shaw·2020-08-16 23:40

Vue学习-Nuxt.js框架中Echarts与axios的使用

Nuxt框架介绍：Nuxt.js是一个基于Vue.js的通用应用框架。通过对客户端/服务端基础架构的抽象组织，Nuxt.js主要关注的是应用的UI渲染。目标是创建一个灵活的应用框架，你可以基于它初始化新项目的基础结构代码，或者在已有Node.js项目中使用Nuxt.js。Nuxt.js预设了利用Vue.js开发服务端渲染的应用所需要的各种配置。除此之外，还提供了一种命令叫：nuxtgenerate
Dennis_Shaw·2020-08-16 23:40

Vue学习-遇到的一些问题以及个人看法

Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，方便与第三方库或既有项目整合。Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。易用在有HTMLCSSJavaScript的基础上，快速上手。灵活简单小巧的核心，渐进式技术栈，足以应付任何规模
Dennis_Shaw·2020-08-16 23:40

vue学习笔记之：单选框、复选框、下拉列表框的数据绑定操作

vue的一个很重要的特性就是数据绑定，而核心的指令就是：v-model使用的话分为如下步骤：第一步：data属性中定义好绑定的值的变量第二步：标签上通过v-model绑定好该变量第三步：无论上通过插值表达式{{}}的方式还是在代码里通过this.的方式，都是可以获取到变化后的值的简单的实例如下：vue多行文本的数据绑定多行文本输入内容：{{message}}letvm=newVue({el:'#a
枫林血舞·2020-08-16 19:35

Vue学习第六章-双向绑定操作与自定义指令

双向绑定操作1.v-model的基本使用双向绑定：在view跟model之间即有通过动态绑定数据将后端传递的数据转化成所看到的页面。又有通过DOM的事件监听将页面中的改动转化成后端的数据。简单来说就是修改了一方的值另一方的值也会相应修改。实现语法：v-model无语法糖{{message}}constapp=newVue({el:'#app',data:{message:'hailo'}})你在输
CodeKiang·2020-08-16 09:18

vue学习笔记（一）

1.插值表达式(也可以是简单的表达式或者三元表达式)message:{{msg}}2.插入原始HTML3.插入html属性4.指令：带有v-前缀（1）v-if：条件渲染，这块内容只会在指令的表达式返回truthy值的时候被渲染。Vueisawesome!Ohno//v-else元素必须紧跟在带v-if或者v-else-if的元素的后面，否则它将不会被识别。当v-if与v-for一起使用时，v-fo
the_lower·2020-08-16 08:37

vue学习（一）——项目初始化

一、安装node.js首先需要安装node环境，可以直接到中文官网http://nodejs.cn/下载安装包，安装完成后，可以命令行工具中输入node-v和npm-v，如果能显示出版本号，就说明安装成功。二.使用淘宝镜像大家都知道国内直接使用npm的官方镜像是非常慢的，这里推荐使用淘宝NPM镜像。淘宝NPM镜像是一个完整npmjs.org镜像，你可以用此代替官方版本(只读)，同步频率目前为10分
LuckTao·2020-08-16 07:49

Vue学习 从new Vue()开始

1.Vue是什么用于构建用户界面的渐进式框架声明式渲染->组件系统->客户端路由->集中式状态管理->项目构建vue的核心库只关注视图层2.Vue有哪些优点？易用、灵活、高效简单易上手刚开始学习Vue首先准备Vue.js文件访问Vue官网：vue.js然后点击学习进入教程->安装选项->选择相应版本在html中建一个标签充当容器Document接下来引入vue.js文件```javascript创
kent99821·2020-08-16 07:42

Vue学习笔记（十八）——Vue数据双向绑定原理解析

参考文档：https://www.cnblogs.com/zhenfei-jiang/p/7542900.htmlVue的数据双向绑定的基础是通过Object.defineProperty()劫持作用域中变量的get和set方法实现的，示例如下：示例中数据双向绑定的实现：js对象变更触发dom更新：当执行virtualData.data=“default”;时输入框的信息同步更新为default字
讨厌走开啦·2020-08-16 07:49

vue学习记录--v-if与v-show

小白初学习，如果不当，请多见谅！v-if：02-条件渲染用户名：{{username}}用户类型:VIP用户类型：普通用户允许用户登录的时间：18">允许登录24小时14">允许登录8小时允许登录4小时letapp=newVue({el:"#app",data:{username:"小秘",isVip:false,//isVip:trueage:24}})v-show02-v-showhellov
ming_zi_hao_nan_a·2020-08-16 00:34

vue学习笔记（二）

哈哈哈，来一起回顾一下vue学习笔记（一）后，继续向下看嘛。
Mobro·2020-08-15 20:09

Vue学习篇-3、配置 html-webpack-plugin 生成预览页面

一、运行npminstallhtml-webpack-plugin–D命令，安装生成预览页面的插件二、修改webpack.config.js文件头部区域，配置如下信息：constpath=require('path');//导入生成预览页面的插件，得到一个构造函数constHtmlWebpackPlugin=require('html-webpack-plugin');consthtmlPlugi
Code P·2020-08-15 19:11
上一页 26 27 28 29 30 31 32 33 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他