#vue学习

Vue学习笔记

Vue学习笔记前言官网：https://cn.vuejs.org/官方文档：https://cn.vuejs.org/v2/guide/热门组件库地址：https://github.com/vuejs/
Simba1949·2020-08-07 12:28

vue学习篇--04单文件组件，vue脚手架工具，父子组件传值，非父子组件传值

文章目录组件单文件组件vuecli3:vue脚手架工具main.js文件：解读main.js:脚手架创建的单文件组件data属性对应的是函数与this指向vscode中vue工具：Vetur，快捷方式快速创建vue文件：scf+enter声明全局组件声明局部组件单文件组件方式进行父子组件通信:非父子组件传值：为什么组件中data属性对应的是函数，而实例中的data是对象？组件正常情况下项目页面有很
CCC1115·2020-08-07 11:13

Vue学习笔记

代码地址:https://github.com/Zhuyaqiang/vue_shop目录一、webpack二、webpack三、脚手架四、实战电商项目1.登录2.主页3.用户列表4.权限管理5.商品分类6.商品参数7.商品列表8.添加商品9.数据报表10.杂项及优化一、webpack打包处理js文件中的高级语法(自定义类等)安装babel转换器相关的包npminstallbabel-loader
吃包子的猪·2020-08-07 11:02

vue学习笔记

输入上面命令后，会询问几个选项，根据自己需要填写就可以了。一、Projectname:项目名称，如果不需要就直接回车。注：此处项目名不能使用大写。二、Projectdescription:项目描述，直接回车三、Author：作者四、vuebuild构建方式（暂且这么解释）两个选择（上下箭头选择，回车即为选定）(是使用阉割版的vue还是使用完整版的vue第一个是完整版的第二个是阉割版的)1.Runt
yshir-phper·2020-08-07 10:41

Vue学习笔记（9）

1、复习总结Document/*今日内容：1ES6模块化语法import/export2axios的高级使用1.1全局导入一次1.1配置公共路径1.2拦截器统一添加header3项目4异步编程：Promise和async/await*/2、webpack-basic（1）js-a.jsconstnum=666conststr='字符串'//导出exportdefaultnum//exportdef
魔法 • 革·2020-08-07 10:21

vue学习-element-ui全部导入与按需加载

vue学习-element-ui全部导入与按需加载目录文章目录1、版本简介1、element-ui安装2、全部导入3、按需加载4、全部导入与按需加载比较***后记***：内容1、版本简介版本简介@vue
gaogzhen·2020-08-07 10:43

vue学习记录 (async,拦截器,导航守卫,Vuex)

1.async异步操作在异步调用时外层必须有一个函数并且这个函数被async修饰调用方法被await修饰methods:{asyncfindAll(){//使用结构进行拆分let{status,data}=axios.get('/student');console.info(status);console.info(data);},2.拦截器对请求或响应进行拦截//请求拦截器axios.inter
Pole丶逐·2020-08-07 10:28

Vue学习笔记——过渡、VueRouter、Vuex

文章目录过滤器定义过滤器参数过滤器串联练习首字母大写数字中间加上逗号数字添加文字“万”安装脚手架安装@vue/cli快速原型开发安装vscode插件利用脚手架搭建项目渲染函数基础节点、树、以及虚拟DOM虚拟DOMcreateElement参数深入数据对象使用JavaScript代替模板功能v-if和v-forv-model事件&按键修饰符插槽JSX插值指令v-textv-htmlv-showv-i
前进知者·2020-08-06 18:03

Vue进阶——源码解读（前言）

Vue源码地址：https://github.com/vuejs/vue学习总线地址：https://vue-js.com/learn-vue/源码结构├─dist#项目构建后的文件├─scripts#
Huijie Xu·2020-08-05 18:09

我的vue学习日记（二）——后台管理系统（vue+vuex+vue-cli+element+axios+router）

GitHub：https://github.com/liubaichao/vue-vuex-vue-cli3.0-element-axios-router.git效果如图：PC账号：admin密码：123456MOBILE介绍：一、权限系统动态路由动态左侧菜单栏二、基础页顶部搜索/列表/底部分页三、动态表单及其验证多个input循环加载单个input循环加载四、图片预览使用方法五、导出使用方法一、
刘白超·2020-08-05 17:13

前端进阶资料—免费分享(持续更新)

一、Vue学习资料1.慕课网VueElement+Node.js开发企业通用管理后台系统https://pan.baidu.com/s/1vmgZsKjLhfSg5BSn_yZSjw提取码:vve52.
Thinkingcao·2020-08-05 17:45

vue学习小案例（一）：品牌列表案例

演示目标区域代码（#app）：用户进行添加查询操作的区域：添加品牌Id:Name:搜索名称关键字：数据展示区域：IdNameCtimeOperation{{item.id}}{{item.ctime}}删除VM调度者：varvm=newVue({el:'#app',data:{id:'',name:'',keywords:'',//搜索的关键字list:[{id:1,name:'奔驰',ctime
zerobaek·2020-08-05 15:08

vue学习：第一课

如何划分应用的结构拿到一个设计，前端人员想到的第一个问题应该就是，我该如何划分前端程序结构。按功能划分是最常用的划分方式了，在界面设计的时候，我们就已经将功能归类并整理了。同类功能被整合进一个页面当中或一个导航页面当中。而Vue是基于组件的框架。这里产生了一个问题：页面和组件什么关系？页面与组件页面的概念要大于组件，一个页面可能包含多个组件。而在实践中，一个组件最多只占一个页面。组件采用单个vue
生活PASSION·2020-08-05 15:57

vue学习记录：vue引入，validator验证，数据信息，vuex数据共享

最近在学习vue，关于学习过程中所遇到的问题进行记录，包含vue引入，validator验证，数据信息，vuex数据共享，传值问题记录1、vue引入vuevue的大致形式如下：要引入其他vue，需要importimportShopListfrom'@/components/ShopList'importHeaderfrom'@/components/Header'importCarousfrom'
weixin_30782331·2020-08-05 14:51

vue学习一(利用npm搭建Vue工程项目流程)

文章目录Vue.js是什么？搭建流程一、利用sublime方式二、利用npm构建vue项目Vue.js是什么？Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂
进击的小猿·2020-08-05 14:53

Vue学习(一):基于Vue-cli初始化项目及Git管理

通过vue-cli4快速搭建vue项目及Vant安装使用通过cnpm指令安装vue-cli和初始化项目指令//安装vue-clinpminstall@vue/cli-g//通过npmcreate项目名---创建项目npmcreatevue-vant初始化项目过程项目结构项目安装Vant及使用//安装指令cnpminstallvant-s//代码引入importVantfrom'vant'impor
书香学编程·2020-08-05 14:03

vue基础篇实战总结一：购物车实战

上周看完了vue基础篇本想继续看进阶篇本着基础不牢地动山摇的原则特地总结重新再写一遍基础篇中实战开发过的一些小东西，以加深熟练度如果还没有开始vue学习的朋友可以看这本书，还不错链接：https://pan.baidu.com
Snoopy180709·2020-08-05 13:40

npm i babel-node 报错的解决方法

报错：[email protected]:\vue学习\vue-learn\node_modules\babel-node>nodemessage.js;sleep10;exit1
盼儿哥·2020-08-05 13:41

Vue学习（一）——Vue认识、基础用法、声明渲染、绑定属性、遍历、条件判断、绑定事件、表单输入

一、Vue认识是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。2、获取vue.js：先安装淘宝镜像——cnpmivue——cnpmijquery@1（1）、现在命令行中安装淘宝镜像
CAINIAOQIANDUAN·2020-08-05 12:29

Vue学习笔记----------npm创建Vue项目

借鉴博客：https://blog.csdn.net/wing_93/article/details/78573820安装nodejshttps://blog.csdn.net/orange228/article/details/79365795安装Githttps://blog.csdn.net/wulala_hei/article/details/80488674vue-clivue脚手架的详
白菜翻身·2020-08-05 12:27

Vue学习-13道Vue经典面试题与知识点小串烧

1Vue路由的两种模式小白回答：hash模式url带#号，history模式不带#号大牛解答：hash模式url里面永远带着#号，我们在开发当中默认使用这个模式。那么什么时候要用history模式呢？如果用户考虑url的规范那么就需要使用history模式，因为history模式没有#号，是个正常的url适合推广宣传。当然其功能也有区别，比如我们在开发app的时候有分享页面，那么这个分享出去的页面
太极梦龙·2020-08-05 11:09

vue学习经验之axios中数据无法取出问题

前言昨天在写axios取出后台数据时，不能给组件定义的data中的数据传值，开始的时候以为是不是生命周期钩子用错了，后来发现没错，又以为是不是promise异步的问题，发现也不是，最后查询资料发现是一个很小的写法问题，现在分享一下，供大家参考：1.相关值与代码template：{{chose}}data:function(){return{chose:'这是测试1'}}钩子：beforeMount
闪光·2020-08-04 21:39

VUE学习

一、安装node环境：node.js下载地址为：https://nodejs.org/en/为了提高我们的效率，可以使用淘宝的镜像：http://npm.taobao.org/输入：npminstall-gcnpm–registry=https://registry.npm.taobao.org，即可安装npm镜像，以后再用到npm的地方直接用cnpm来代替就好了。检查:一、创建VUE项目1、全局
☕fairylandqaq·2020-08-04 17:24

第十一章：Electron-Vue创建项目

首先需要安装vue-cli脚手架npminstall-gvue-cli详细步骤请看：vue学习（五）—vue-cli构建vue项目目录结构全局安装Electronnpminstall-gelectron
晓果博客·2020-08-04 14:17

2020.7.10学习日志

vue学习1.模板语法插值：{{msg}}data中声明可以识别单行表达式（单行语句有返回值）原始HTML：room:"三级标签",特性：v-bind使其后面的值变成动态属性v-once缩写：v-on-
Ryan.Zhang·2020-08-04 07:48

Vue快速入门（案例+基础知识）

四个小时快速入门Vue学习Vue之前，建议具备的知识：HTMLCSSJavaScriptAjax如果具备了以上知识，更容易理解嗷~Vue官方文档链接：点击即可进入嗷~（建议初学者使用开发环境版本）将从四个方面对
八月_·2020-08-04 07:28

vue学习笔记

$Title$.class1{background:#444;color:#eee;}.active{width:100px;height:100px;background:green;}.text-danger{background:red;}{{name}}将状态值以html输出的方式输出{{getMoney()}}{{addProperty()}}{{extendPro.newPro}}修改
zhangchaohong137·2020-08-04 06:19

Vue学习笔记进阶篇——Render函数

本文为转载，原文：Vue学习笔记进阶篇——Render函数基础Vue推荐在绝大多数情况下使用template来创建你的HTML。
weixin_30894583·2020-08-04 04:44

Vue学习笔记进阶篇——列表过渡及其他

本文为转载，原文：Vue学习笔记进阶篇——列表过渡及其他本文将介绍Vue中的列表过渡，动态过渡，以及可复用过渡是实现。
weixin_30362801·2020-08-04 04:21

vue学习之深入响应式原理

vue的响应式原理当你把一个普通的JavaScript对象传入Vue实例作为data选项，Vue将遍历此对象所有的属性，并使用Object.defineProperty把这些属性全部转为getter/setter。’Object.defineProperty是ES5中一个无法shim的特性，这也就是Vue不支持IE8以及更低版本浏览器的原因。这些getter/setter对用户来说是不可见的，但是
顾思鸣·2020-08-03 23:05

Vue学习笔记（十七）——$nextTick()的使用场景

尽管Vue不建议开发者去操作真实dom，但在实际开发中仍然会有部分操作真实dom的场景。初学者在操作真实dom的时候一定会遇到下面这样的问题：页面使用了Vue的某个变量，希望在变量更新后立即操作变量映射的dom，但是发现查询到的dom信息是更新之前的。解决方案：这个问题是由于更新Vue的变量后不会立即更新变量映射的dom，但是Vue提供了$nextTick()方法，我们可以把希望在真实dom更新完
讨厌走开啦·2020-08-03 19:30

Vue学习总结

webstorm创建vue项目后立即运行可能会报一些框架未安装的错误，可以先等一下，估计是后台安装。v-for错误报错代码{{todo.text}}报错提示✘https://google.com/#q=vue%2Frequire-v-for-keyElementsiniterationexpecttohave'v-bind:key'directivessrc/components/AboutUs.
jimmychenj·2020-08-03 15:06

Vue学习过程中由自定义组件命名引起的错误

在运行该实例时出现了一些错误：组件大号字像H1一样Vue.component('showBigfont',{template:''+''+''})varmyDemo=newVue({el:'#myDemo',data:{},})错误如下：Vuewarn]:Unknowncustomelement:-didyouregisterthecomponentcorrectly?Forrecursiveco
Kratial·2020-08-03 13:40

vue学习【使用webpack完善配置】

上一篇文章已经可以启动网页了！Now,weneedtoinstallsomeLoadersforsomekindsoffiles.npminstallcss-loader--save-devnpminstallstyle-loader--save-dev安装完成后，在config中配置Loadermodule:{rules:[{test:/\.css$/,use:['style-loader','
Rachel~Liu·2020-08-03 03:37

Vue学习笔记（二） —— 组件开发

简介在了解了Vue语法的基础知识和常用特性之后，在进行正式的开发之前，非常有必要的对组件化的相关知识进行了解。本文就是为介绍组件的相关知识点的。1、组件化开发思想现实生活中的组件化思想主要是：标准，分治，重用和组合。而软件上的组件化思想，其实都是对上面所说的进行抽象表示，然而每种语言所用的标准可能又不相同。组件化规范：WebComponents但是这个规范并不是所有的浏览器都支持我们希望尽可能多的
寒冰屋·2020-08-03 02:15

Vue学习笔记（五）—— 状态管理Vuex

有兴趣的朋友可以看看之前的文章：Vue学习笔记（一）——常用特性Vue学习笔
寒冰屋·2020-08-03 02:15

Vue学习笔记（四）—— 前端路由

有兴趣的朋友可以看看之前的文章：Vue学习笔记（一）——常用特性Vue学习笔记（二）——组件开发Vue学习笔记（三）——前后端交互1、路由基本概念与原理1.1路由路由是一个比较广义和抽象的概念，路由的本质是对应关系
寒冰屋·2020-08-03 02:15

Vue学习笔记（三） —— 前后端交互

有兴趣的朋友可以看看之前的两篇文章：Vue学习笔记（一）——常用特性Vue
寒冰屋·2020-08-03 02:15

Vue学习笔记（一）—— 常用特性

简介Vue的常用特性其实也是Vue语法的一部分，只是为了学习方便，所以单独拿出来进行说明，学习上也显得更清晰。对于基础部分，可用参考官网上的介绍。Vue常用特性表单操作自定义指令计算属性侦听器生命周期1.1表单操作1、基于表单的操作Input单行文本textarea多行文本select下拉多选radio单选框checkbox多选框2、表单域修饰符number：转化为数值trim：去掉开始和结尾的空
寒冰屋·2020-08-03 02:14

VUE学习笔记整理（二）

上一篇笔记：https://blog.csdn.net/ws19900201/article/details/98875039vue指令v-showv-ifv-elsev-for@clickv-textv-htmlv-bind:href:hrefv-modelv-oncevue生命周期+组件beforeCreate未生成created生成有属性和方法beforeMount挂载前mounted已经挂
幽幽靖·2020-08-02 19:15

Vue入门学习笔记3 vue全局API整理

Vue入门学习笔记3vue全局API整理这是学习vue的第三篇文章了，前面两篇分别介绍了vue入门和vue的内部指令，这篇将介绍vue的全局API官方文档vue学习笔记1Vue入门vue学习笔记2Vue
会左勾拳的螳螂·2020-08-02 17:32

Vue学习笔记整理(一)

参照视频coderwhy老师的Vue目前笔记积累到P62原本没打算整理笔记，结果p63看懵了，然后开始整理起来笔记部分笔记参考Vue笔记整理一些之前Vue基础v-bind的基本使用某些时候我们并不想将变量放在标签内容中，像这样{{message}}是将变量h2标签括起来，类似js的innerHTML。但是我们期望将变量imgURL写在如下位置，想这样导入图片是希望动态获取图片的链接，此时的imgU
非幡动·2020-08-02 16:58

vue2.0学习笔记

Vue2.0学习笔记Vue学习第一天–笔记一这篇博客仅用来记录本人学习vue的过程以及在过程中遇到的疑难问题及解决方法环境搭建1.安装node.js，nodeJs官网下载最新版本安装，具体安装和环境配置参考这篇博客
zsmSUSU·2020-08-02 15:18

Vue学习笔记

黑马程序员–vuejs视频学习笔记，视频链接day01一、Vue课程简介前5天：学习Vue基本语法和概念；打包工具：webpack，gulp；后五天：以项目驱动教学。二、什么是Vue.js三、为什么要学习流行框架企业为了提高开发效率，使用框架就能提高效率；提高发开发效率的历程：原生JS->Jquery之类的类库->前端模板引擎->Angular.js/Vue.js；（能够让我们减少不必要的DOM操
闪黑·2020-08-02 14:04

Vue学习笔记第一天--知识点

数据流1向：js内存属性发生改变，影响页面的变化1向：页面的改变影响js内存属性的改变vue中常用的v-指令演示常用指令v-text是元素的innerText只能在双标签中使用v-html是元素的innerHTML，不能包含v-if元素是否移除或者插入v-show元素是否显示或隐藏v-model双向数据绑定，v-bind是单向数据绑定(内存js改变影响页面)class结合v-bind使用需要根据可
weixin_33743880·2020-08-02 14:53

VUE学习笔记

基础结构：varapp=newVue({el:'#app',data:{},computed:{},methods:{}})js经典方法：//数字排序functionsortNumber(a,b){returna-b}//数组对象方法排序:functionsortByKey(array,key){returnarray.sort(function(a,b){varx=a[key];vary=b[k
zhangfang2741·2020-08-02 14:22

Vue学习笔记第一天

vue常用指令及入门vue常用指令及入门准备复习今日重点es6webpack-ES6的处理ES6中的模块ES6中的代码变化vue单文件方式以单文件的方式启动vue介绍数据流vue中常用的v-指令演示class结合v-bind使用methods和v-on的使用v-for的使用漂亮的列表父子组件使用父传子看文档的对象分类子向父组件通信（vuebus）(扩展)总结过滤器获取元素vue构建方式准备1.后端
superbeyone·2020-08-02 13:53

Vue学习笔记

Vue框架1.Vue简介Vue开发者是尤雨溪，是受到angular启发，是一个实现UI层的渐进式的js框架2.什么是框架框架是指一套非常优秀可被反复使用的代码.3.框架优势a.提高了代码的复用率b.降低模块之间的耦合度c.提高开发速度d.提高代码质量4.特点a.非常好的中文文档b.体积小c.基于组件(webcomponent)开发方式MVVMvue.js是当前一个js的MVVM库，它以数据驱动和组
觅香·2020-08-02 13:44

vue

vue学习笔记整理一、安装1、CDN2、npmnpminstallvue若报错，先执行npminit-f，再执行npminstallvue3、开发版本重要:GitHub仓库的/dist文件夹只有在新版本发布时才会提交
是一天吖·2020-08-02 13:39

6.29 Vue 第二天 学习笔记

6.29Vue学习笔记1.Vue等框架等特点，框架解放程序员，适合做单页面程序，2.案例学习，品牌管理案例，主要学习有，添加操作，删除操作，搜索操作，删除操作中的函数学习了两遍。
不正经的前端程序员·2020-08-02 13:32
上一页 29 30 31 32 33 34 35 36 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他