vue学习

vue学习新手入门 ——VScode开发第一个vue项目

vue前端框架使用越来越多，而vscode作为前端开发IDE环境也使用越来越普遍，本文结合vscode介绍vue开发第一个vue项目。开发vue需要依赖于nodejs，本博客有介绍nodejs的安装，本文就不再做介绍。一、安装vue及依赖执行npm命令安装webpacknpminstallwebpack-g再安装vuenpminstallvuevue-cli-g二、创建vue项目创建vue项目必须
啊哈嗯嗯·2020-07-13 21:10

vue学习三

Vue.js-Day3定义Vue组件什么是组件：组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可；组件化和模块化的不同：模块化：是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一；组件化：是从UI界面的角度进行划分的；前端的组件化，方便UI组件的重用；全局组件定义的三种方式使用V
systempause·2020-07-13 14:13

vue学习二

Vue.js-Day2品牌管理案例添加新品牌删除品牌根据条件筛选品牌1.x版本中的filterBy指令，在2.x中已经被废除：filterBy-指令{{item.id}}{{item.name}}{{item.ctime}}删除在2.x版本中手动实现筛选的方式：筛选框绑定到VM实例中的searchName属性：输入筛选名称：在使用v-for指令循环每一行数据的时候，不再直接iteminlist，而
systempause·2020-07-13 14:13

vue学习四

Vue.js-Day4父组件向子组件传值组件实例定义方式，注意：一定要使用props属性来定义父组件传递过来的数据//创建Vue实例，得到ViewModelvarvm=newVue({el:'#app',data:{msg:'这是父组件中的消息'},components:{son:{template:'这是子组件---{{finfo}}',props:['finfo']}}});使用v-bind或
systempause·2020-07-13 14:13

Vue学习（一）：Vue中的选项合并策略

开端最近为了给自己充电，在腾讯课堂报了一个vue源码学习的课程，跟着课堂上的老师学习vue源码以此来增加自己对于vue的理解。这篇文章主要是记录一下自己学习vue源码时，学习到了什么，并把自己对vue源码的理解通过语音的形式给描述出来。这里并不会一字一句的解释vue中的每一句源码的意思，因为有些我自己还不解其意，但不妨碍从中学习到知识。vue版本：2.5.1源码范围：1.实例化vue时参数的合并策
农村的师傅·2020-07-13 10:01

国内 centOS7 搭建k8s - kubeadm 单机

构建中小型互联网企业架构（干货）python学习持续更新ElasticSearch笔记kafkastorm实战(干货)scala学习持续更新RPC深度学习GO语言持续更新Android学习nginx相关文章vue
chenshiying007·2020-07-13 09:07

我的vue学习日记（一）——后台管理系统（vue+vuex+axios+iview+router）

效果如图：（结尾附上GitHub地址）介绍：1.创建vue项目//桌面打开命令窗口npm和cnpm都行，建议cnpm快很多，还不容易出错（前提是你安装了淘宝镜像cnpm）cnpminstall-gvue-cli//建好了，cd..到work文件夹（我的是work）vueinitwebpackVue-Project//Vue-Project是项目名字（work文件夹下执行）cnpminstall//
刘白超·2020-07-13 09:35

海创软件组-20200628-Vue学习过程中的记录

问卷调查前端与后端的分离设计问卷调查项目的实现以及收获前期准备vue-routerElement-UI组件库axioshttp库实现过程关键的选项渲染部分部分数据结构总结值得注意问卷调查项目的实现以及收获这一次是本团队的二轮考核项目，相较于一轮考核，两者之间的复杂程度跨度巨大，对我而言，前端独立实现一个网页可能不会遇到很多问题，但是只有前端实现某一个项目是无法实现更多更复杂的功能的，因此你需要和后
onelanp·2020-07-13 08:04

Vue学习9-项目实战二：完成九宫格、组件切换、新闻列表、时间过滤器、评论功能

上一篇Vue学习8-项目实战一：完成header、tabbar区域、路由组件切换与轮播图功能目录一、上次的反馈二、完成首页九宫格1、查看MUI2、到组件中使用3、调整样式(按F12查看有没有现成的样式名
x-dragon8899·2020-07-13 08:09

Vue中常用知识点demo

Vue学习{{msg}}点我试试这是验证属性双向绑定{{content}}姓：名：计数：{{count}}原数据：点击切换这是验证v-if指令这是验证v-show指令v-for指令：{{item}}发送
djb8317·2020-07-13 04:58

Vue基础知识学习（后端）

###Vue学习（后端）Vue安装-引入文件安装，直接在官网下载vue.js引入项目中-直接引用CDN-NPM安装（构建大型应用使用，在这不用）-命令行工具（构建大型单页应用，在这不用）Vue基本代码结构
djb8317·2020-07-13 04:58

mpvue学习笔记

一、mpvue和Vue的生命周期对比在原生小程序的页面（Page）中包含了很多页面的生命周期方法，如onLoad、onUnload、onShow、onHide、onPullDownRefresh等等，mpvue中推荐使用Vue组件生命周期方法，而像onPullDownRefresh、onReachBottom这类特殊功能的生命周期则需直接使用原生的。二、在使用mpvue的时候那些需要特别注意的点由
妹妹你大胆地往前走啊！·2020-07-13 04:42

Vue学习之旅Part16：Vue结合webpack使用vue-router实现路由和子路由

一、使用vue-router实现路由由于是通过vue-router实现的路由因此须先安装vue-router：输入cnpmivue-router-S以安装vue-router包然后在main.js里导包：导入VueRouter的包之前必须先导入Vue的包：importVuefrom"vue"importVueRouterfrom"vue-router"然后手动调用Vue.use()方法将vue-r
Piconjo_Official·2020-07-13 01:17

使用npm安装vue脚手架cli或者angular-cli时出错的解决方法

使用npm安装vue脚手架cli时出错的解决方法最近准备使用npm来安装vue学习，通过观看vue的介绍，可以认为vue与最近流行的MVVM框架angular.js相似，后者学习曲线相对陡峭，所以在时间能力不足的情况下可以先学习
zhumengzj·2020-07-12 23:06

Vue学习笔记5--前端工程化

前端工程化完整的基础篇笔记PDF下载，完全手打有用的话请给个赞呗Thanks♪(･ω･)ﾉ模块化相关规范概述传统开发问题命名冲突文件依赖模块化含义：把单独的一个功能封装到一个模块（文件）中,模块之间相互隔离，可以通过特定的接口公开内部成员，也可以依赖别的模块好处：方便代码重用，提升开发效率，方便后期维护浏览器端模块化规范AMD（Require.js）CMD（Sea.js）服务器端模块化规范Comm
坤坤苦学Java·2020-07-12 22:06

海创软件组-20200614-Vue学习过程中的记录

海创软件组-20200613-Vue学习过程中的记录MacOS下的环境配置通过Homebrew管理Node.js以及其他包Homebrew的安装Node.js的安装npm的下载源配置通过npm下载前端开发框架工具
onelanp·2020-07-12 22:03

vue学习-2-组件及组件通讯

组件好处：可复用可以提高开发效率方便后期的维护和修改可以减少渲染全局组件&&局部组件全局组件：注册全局组件，可以用横杠也可用驼峰，如myButton/my-button，但使用时，只支持横杠Vue.component('my-button',{template:'{{msg}}',//template设置组件中的内容data(){//组件中的data是个函数，它返回对象，与实例中的data不同，那
zoepriselife316·2020-07-12 20:11

vue学习-1

vue+component+vue-router+vuex+axios库：相当于功能比较全的产品，想用时拿取产品中的一部分使用就可以。框架：为了解决一系列问题而产生的产品，使用时只能按照他的规定来用。传统的后端是MVC=>view浏览器页面=>controller路由配置（控制器）=>model（模型）前端的MVVM模式：=>View（html页面）ViewModel（核心调度者，协调器）Mode
zoepriselife316·2020-07-12 20:11

Vue学习笔记（二）

1条件判断1.1普通if条件判断使用v-if指令：看到了;newVue({el:'#app',data:{seen:true}})v-if指令根据表达式的值（在这里是seen）决定是否插入1.2if-else可以使用v-else添加一个else块：0.5">12newVue({el:'#app'})也可以增加v-else-if：ABCDnewVue({el:'#app',data:{value:'
氷泠·2020-07-12 15:15

Vue学习笔记（二）

1条件判断1.1普通if条件判断使用v-if指令：看到了;newVue({el:'#app',data:{seen:true}})v-if指令根据表达式的值（在这里是seen）决定是否插入<p>1.2if-else可以使用v-else添加一个else块：0.5">12newVue({el:'#app'})也可以增加v-else-if：ABCDnewVue({el:'#app',data
qq5d1070a92e32e·2020-07-12 13:18

Vue学习之x-template

Vue学习之x-template今天，我们来讲一个比较有趣的一个功能吧先来看一段代码示例：ThisisthecontentofcomponentHelloVue!
shandamengcheng·2020-07-12 09:51

vue学习笔记-----vue+webpack初始化项目（vue1.0的安装）

1.安装vue-cli$npminstall-gvue-cli2.用Vue-cli生成vue+webpack的项目模板$npminstall-gvue-cli$vueinitwebpackmy-project$cdmy-project$npminstall$npmrundev3.这样默认的是Vue2.0,如果要使用Vue1.X的话，执行下面的操作。$npminstall-gvue-cli$vuei
明明是地主家的傻儿子·2020-07-12 03:26

VUE学习笔记

VUE学习笔记目录:VUE基础入门(level1)1.1基本概念和入门程序1.2入门小Demo1.3常用指令1.4v-on:事件修饰符1.5v-model双向数据绑定1.6VUE的样式设置1.7v-for
不_yu·2020-07-11 21:42

vue学习：webpack+vue（路由）

image.png自己做了一个vue前端项目因为工作中没有h5项目，慢慢的离h5越来越远，所以狠下心来做一个h5项目，就仿照h5做了一个单页面应用。整体的项目搭建还是用的之前的webpack+vue2的代码。文章在这：http://www.jianshu.com/p/468a69ac2fc4然后一步一步的把项目搭建起来，首先需要把网站的路由系统做出来。看一下文件目录：image.png第一步：引入
奔跑的攻城狮·2020-07-11 18:15

VUE学习笔记（1）：基础语法

目录：相关概念：实例的基本属性：属性绑定和双向数据绑定：VUE中的计算属性和侦听器：v-if,v-show与v-for指令：相关概念：挂载点：el属性对应的dom元素。模版：挂载点内部的所有内容。可以把模版放在Vue实例中定义，作为template属性值实例：定义挂载点，把定义的数据与模版结合起来生成要展示的内容，再把这个内容放在挂载点中。v-text=''data''转义，原始字符串。v-htm
he0103·2020-07-11 17:07

Vue学习笔记（一）

1Vue目录结构build：项目构建webpack的相关代码config：配置目录，包括端口号等node_modules：npm加载的项目依赖模块src：开发的目录模块，包含assets（资源文件），components（组件文件），App.vue项目入口文件，main.js项目核心文件static：静态资源文件，如图片，字体等test：初始测试目录.xxx：配置文件，比如语法配置，git配置等等
氷泠·2020-07-11 13:03

我的Vue学习第一天-Vue的单页面构成

//1.定义模板importcomponent001from"../comportents/component001.vue"//2.引入模块exportdefault{//3.定义对外开发的模块name:"htmldemo",components:{//4.注册组件},ready:function(){},methods:{//4.该模块所有的方法},data(){//5.初始化数据testDa
lixp3·2020-07-11 12:26

vue学习笔记之——v-for与局部组件的传值

在vue2.0中列表渲染也是一门学问，如果你的列表用到了v-for进行数据遍历，而且每一项使用一个自定义组件包裹，像这样其中：user就是组件元素的属性，在创建组件时只需要通过props引入其对应的数据，就可以通过组件得到相应的列表标签，完整代码如下:newVue({el:'#app',data:{users:[{name:"BoBo",email:"[email protected]"},{name:"P
蜗牛fighting·2020-07-11 11:29

VUE学习教程（一）：搭建VUE开发环境

一、下载node.js：在搭建vue的开发环境之前，一定要先下载node.js，，vue的运行是要依赖于node的npm的管理工具来实现，node可以在官网或者中文网里面下载，根据自己的电脑选择是32还是64，下载地址：http://nodejs.cn下载完成后然后按照流程安装即可。安装完成后重新打开cmd命令窗，输入：node-v出现版本号，则说明安装成功二、安装npm：vue是依赖npm工具来
小嘉的大白菜·2020-07-11 10:00

Vue学习笔记

目录一介绍二指令(directive)三组件3.1组件实例3.2DataandMethods3.3生命周期四模板语法4.1插值4.1.1文本插值4.1.2RawHTML4.1.3属性4.1.4表达式4.2指令4.2.1参数4.2.2动态参数4.2.3Modifiers4.3缩写五computed、watch六class和style数据绑定6.1class数据绑定6.2styles数据绑定七条件性渲
千霜·2020-07-11 09:20

vue学习笔记之：以对学生数据的处理作为示例实现数据过滤筛选等常规处理

示例：现有一组学生数据，通过对其中的数据筛选，获取其中的年龄最大、年龄最小、和年龄在指定区间内的学生数据学生数据：[{'name':'张三','sex':'男','age':15},{'name':'刘丽丽','sex':'女','age':25},{'name':'李艳','sex':'女','age':17},{'name':'王五','sex':'男','age':35},{'name':'
枫林血舞·2020-07-11 07:07

VUE学习小结

构造VUE实例newVUE({el:'选择器',data:{k1:v1,k2:v2,...},methods:{method1(){...},method2(){...}}})说明：VUE构造函数的参数是一个json对象，它主要有3个键：el表示数据在什么元素内有效，它的值是一个选择器，可以是id选择器，也可以是类选择器，不能是body。data显示就是数据，是一个json格式，在html双标签内
diyinjiao1404·2020-07-11 05:41

vue学习笔记[1] 开始

从现在开始，记录我的vue学习，终极目标是做一个使用vue+boostrap做一个admin后台界面。准备工作生产环境是必须的-node-npm安装vue不说了，参考vue的文档安装boots
antdz·2020-07-11 02:24

vue基础：在跟组件（App.vue）调用外部组件

vue基础：在跟组件（App.vue）调用外部组件在vue学习中，我们发现将所有的组件，都放在根组件是不合理的，同样也是低效的。于是我们将不同的模块分割，需要哪个模块的时候就可以直接调用。
谷咕咕·2020-07-11 01:14

Vue学习之旅Part6：通过例子和示意图弄懂Vue的八大生命周期

一、概述Vue实例从创建运行到销毁期间伴随着的各种各样的事件这些事件统称为生命周期生命周期钩子就是生命周期事件的别名生命周期钩子=生命周期函数=生命周期事件这三个都是一样的东西不过叫法不同而已Vue总共分为三个大的生命周期即：创建运行销毁和人的一生也很像：出生活着死亡(跑题辽主要的生命周期函数：创建期间的生命周期函数：beforeCreate：实例刚在内存中被创建出来此时还未初始化完毕data和m
Piconjo_Official·2020-07-10 23:58

Vue学习之旅Part3：Vue的全局过滤器和私有过滤器

Vue允许自定义过滤器可被用作一些常见的文本格式化过滤器可以用在两个地方：mustache插值表达式和v-bind表达式过滤器应被添加在JavaScript表达式的尾部由“管道”符指示(管道符就是一个竖杠：|)一、全局过滤器全局过滤器调用时的基本格式：通过管道符[|]来进行过滤例如{{name|nameOpe}}定义过滤器的语法：Vue.filter("过滤器名称",处理函数)处理函数的第一个参数
Piconjo_Official·2020-07-10 23:58

vue学习笔记--插槽、具名插槽和作用域插槽

插槽使用场景是:slot（插槽）可以理解为占位符如果子组件需要显示的内容并非来自本身，而是父组件传递进来的，而假如直接这样写，是不可以实现的，因为如果me-component没有包含一个元素，则任何传入它的内容都会被抛弃：Document我是header//插槽Vue.component('me-component',{template:`你好`})newVue({el:'#app'})要实现上面
小棋子js·2020-07-10 23:37

Vue学习笔记-项目开发4.3 渐隐渐现效果-动态样式（Header渐隐渐现）

一、渐隐渐现的效果说明：当我们选择详情页面后在详情页面顶部显示返回，在向上滑动时出现另外一个标头，在向下滑动时恢复原样，如下图所示二、代码展示及说明//1、这部分是左边的那个小箭头用于返回到首页的//2、隐藏显示的导航栏景点详情exportdefault{name:'DetailHeader',data(){return{showAbs:true,//3、透明度先设
Kasey_L·2020-07-10 22:23

Vue学习的随笔记-----1

1，事件修饰符：在使用的过程中可以串联，例如：@click.stop.once=”事件方法”，所有的修饰符都以“.”开头.stop用来：阻止冒泡(例如：当input中点击后会触发外层的div点击事件，可能会发生多点击，使用.stop可组织冒泡，用在点击事件后面)。（冒泡机制是从内部向外部，捕获机制是从外向内）。.prevent：阻止默认行为(例如：给a链接添加一个点击事件，只触发点击事件，不会跳转
GO312645·2020-07-10 21:05

Vue学习笔记（一）

1Vue目录结构build：项目构建webpack的相关代码config：配置目录，包括端口号等node_modules：npm加载的项目依赖模块src：开发的目录模块，包含assets（资源文件），components（组件文件），App.vue项目入口文件，main.js项目核心文件static：静态资源文件，如图片，字体等test：初始测试目录.xxx：配置文件，比如语法配置，git配置等等
qq5d1070a92e32e·2020-07-10 17:32

Vue学习教程

Vue学习起来非常简单，本教程基于Vue2.1.8版本。开始学习：Vue.js安装、Vue.js目录结构、Vue.js模板语法、Vue.js条件语句、Vue.js循环语句、Vue.js
ixiaoyang8·2020-07-10 17:38

说自己精通Vue的，长点心吧！

文/北妈阅读本文需要2.3分钟一经常有粉丝在后台和群里留言有关Vue学习的问题，在学习、应用过程中，总会遇到这样那样一知半解的问题，今天北妈总结了一下，大家遇到困惑无非是这几方面：1、概念过多，记不住。
小北哥哥和北妈·2020-07-10 13:22

Vue学习笔记入门篇——Class 与 Style 绑定

本文为转载，原文：Vue学习笔记入门篇——Class与Style绑定绑定HTMLClass数据绑定一个常见需求是操作元素的class列表和它的内联样式。
ChainZhang·2020-07-10 11:31

Vue学习记录-创建一个传统的后台管理系统的界面(antd+vue)

效果图1.首先创建一个项目https://cli.vuejs.org/zh/guide/creating-a-project.html2.引入antdhttps://www.antdv.com/docs/vue/introduce-cn/3.配置路由main.jsimportVuefrom'vue';importAntdfrom'ant-design-vue';import'ant-design-
AsianPangolin·2020-07-10 11:16

Vue的简单示例

Vue学习起来非常简单。如果要安装它的话可以采用下方建议：第一种方法可以从Vue.js的官网上直接下载vue.min.js来使用。第二种方法使用CDN方法的方法，但是这种方法建议下
咦呀·2020-07-10 10:45

挖坑指南：ESLint + VS Code自动格式化代码

刚开始接触vue学习的时候，也都是自然而然地关闭了ESLint。以至于没有从头开始养成良好的习惯，现在也是从0开始，将
車句·2020-07-10 09:49

不一样的vue实战(3): 布局与组件

首先首发博客:我的博客项目源码:源码(喜欢请star)项目预览:预览上一章:《学习不一样的vue(2)实战:项目分析》我的Q群:meteor高手群vue学习交流群首先：讲一句抱歉,周末俗事缠身,无力更博
weixin_34235135·2020-07-10 08:18

Vue学习之路之登录注册

杭州数澜科技招聘Node.js工程师【可实习】、UE/UI设计师【实习】、前端React工程师【实习】，联系方式可见评论区Vue.js+ElementUI+MongoDBP1安装Vue-CLIVue.js文档利用Vue.js提供的一个官方命令行工具#全局安装vue-cli$npminstall--globalvue-cli#创建一个基于webpack模板的新项目$vueinitwebpackmy-
淡就加点盐·2020-07-10 08:18

Vue学习路径-轻松从基础到实战

里边全部是vue的免费视频，全算下来有100多集。希望可以帮助前端小伙伴学习Vue。学习一直属于孤独者，任何伟大的发明家都忍受过寂寞和无助，但他们最终走了出来。也许你刚来到本站，也许你刚接触前端，你会稍感彷徨。但你来到了这里，技术胖希望让你有所收获。你可以按照这篇文章的脉络来进行学习Vue，重要的是从入门到上手项目，你不需要花费一分钱。它已经帮助数以十万的前端爱好者学习,并很多人顺利找到了工作。V
weixin_33747129·2020-07-10 07:39

vuejs2.0从入门到放弃--入门实例（四）

今天就跟大家一起开启，没有命令行的vue学习之旅，本文适合小白，高手自动忽视。现在，大部分的vuejs的资料都是用vue-cli去构建项目的，给不懂node
Angewell·2020-07-10 04:12
上一页 33 34 35 36 37 38 39 40 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他