Vue基础

填坑之路：vue-cli构建vue项目

我就默认都装了node，并有一定的node（移驾node）与vue基础（移驾vue）（1）安装vue-clinpminstall-gvue-cli（2）创建webpack项目并进入到项目文件中vueinitwebpackvuecliTestcdvuecliTest
哦啦吧啦丶·2020-08-26 23:07

Vue从零开始之Vue基础

文章目录什么是Vue?Vue使用下载node.js兼容性导入文件第一个项目Vue实例的生命周期钩子函数的触发时机Vue常见问题input复用问题Vue语法vue对象绑定数据Vue.set修改数组的值条件判断语句v-if连续的条件判断语句是否展示元素v-show循环遍历语句v-for只渲染一次v-once解析标签进行显示v-html不解析直接显示v-text不进行转义v-prevue解析元素后会自动
课本里的小亮·2020-08-25 16:25

Vue基础篇学习——WebPack配置Vue

使用的IDE是VsCode1.创建一个空的文件夹“npm配置Vue”用于创建Vue项目，并且用VsCode打开这个文件夹是空的什么东西都没有，从零开始建立。2.在项目文件夹中创建两个文件夹“dist”、“src”dist:用于保存WebPack打包的文件src:用于保存项目编写的文件src编写完成后通过WebPack打包到dist，最终发布到服务器端。3.安装npm包管理WebPack是基于Nod
wengpiwang·2020-08-25 09:35

vue基础入门的那些事

vue.js轻量级的MVVM框架数据驱动+组件化的开发一、基本指令1、v-if是条件渲染指令，它根据表达式的真假来删除和插入元素，它的基本语法如下：v-if="expression"2、v-show根据表达式的真假来删除和插入元素v-if="expression"3、可以用v-else指令为v-if或v-show添加一个“else块”。v-else元素必须立即跟在v-if或v-show元素的后面—
时间追随者·2020-08-25 00:10

vue基础篇- 组件详解（第七章）（二）

四、使用slot分发内容1、什么是sloat当需要让组件组合使用，混合父组件的内容与子组件的模板时，就会用到slot，这个过程叫做内容分发。组件不知道它的挂载点会有什么内容。挂载点的内容是由的父组件决定的。组件很可能有它自己的模板。props传递数据、events触发事件和slot内容分发就构成了Vue组件的3个API来源，再复杂的组件也是由这3部分构成。2、作用域{{message}}这里的me
菩提树_·2020-08-24 20:28

详解vue组件三大核心概念

前言本文主要介绍属性、事件和插槽这三个vue基础概念、使用方法及其容易被忽略的一些重要细节。如果你阅读别人写的组件，也可以从这三个部分展开，它们可以帮助你快速了解一个组件的所有功能。
浪里行舟·2020-08-24 18:10

Vue基础入门语法学习（Demo详解)

你好我是辰兮，很高兴我们又见面了，快断更一个月了，找了个周末整理相关前端Vue基础，自己学习也分享给初学者，分享获取新知，大家一起进步。
辰兮要努力·2020-08-24 17:18

Vue基础

Vue基础构造函数Vue的根实例newVue({})，并启动Vue应用。varapp=Vue({el:"#app",data:{},methods:{}});变量app代表这个Vue实例。
whjin·2020-08-24 14:35

vue基础动态路由，嵌套路由router-link切换

index.jsimportVuefrom'vue'importRouterfrom'vue-router'//importHelloWorldfrom'@/components/HelloWorld'importGoodsListfrom'../views/GoodsList'importTitlefrom'@/views/Title'importImagefrom'@/views/Image'
今天一点也不冷·2020-08-23 18:04

Vue部分基础知识点总结

Vue基础知识点:1.Vue：过滤html标签----{{{数据名}}}.2.Vue：单次插值语法：{{*数据的名称}}(三个括号，支持单词插值表达式+*)；插值表达式：可以应用js表达式，加减乘除，字符串拼接方法调用等等
却忘不掉你心言·2020-08-23 17:13

从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 二十四║ Vuex + JWT 实现授权验证登陆

系列就基本告一段落了，大家也好好加油鸭，今天将的内容呢，其实细心的你看到题目应该就能大家猜到了，前提是一直看本系列的小伙伴们，包括之前.netcore部分，这里先简单说下上周咱们都说了什么：周一：《十九║Vue
baidu_35726140·2020-08-23 09:20

vue基础

1.vue基本使用vm:el/datav:v-model/{{}}1.引入Vue.js2.创建Vue对象el:指定根element(选择器)data:初始化数据(页面可以访问)3.双向数据绑定:v-model4.显示数据:{{xxx}}5.理解vue的mvvm实现>view：模板页面>自定义标签属性：指令>大括号表达式：获取模型数据>viewModel：vue实体>model：模型（data）>e
smile radiantly·2020-08-23 04:38

Vue（day4）父子及子父组件通信、slot插槽使用、过渡效果、过滤器、自定义指令

Vue基础44.0组件的通信【王者】为什么要进行组件通信？组件是一个聚合体，将来项目要合并，那么必然各个组件之间需要建立联系，这个联系就是数据通信分类父子组件通信理解：data选项为什么是一个函数？
xy1677707153·2020-08-23 04:25

Vue（day3）axios、fetch语法、computed与watched、组件（重要）

Vue基础（Day3）3.1axios&&fetch目的：是在框架中使用数据请求回顾：1.封装ajax2.jquery【$$.get$$.post$$.ajax$$.load】框架：数据请求使用原生js
xy1677707153·2020-08-23 04:25

2vue基础学习

1案例：01_HelloWorldhello{{msg}}constvm=newVue({//配置对象options//配置选项(option)el:'#test',//element:指定用vue来管理页面中的哪个标签区域data:{msg:'atguigu'}})2mvmMVM:model:模型，数据对象（data）view：视图，模板页面viewModel：视图模型（vue的实例）3声明式开
xiaoxiaoniaoQ·2020-08-23 04:12

Vue基础

Vue扩展插件vue-cli:vue脚手架vue-resource(目前使用axios):ajax请求vue-router:路由vuex:状态管理vue-lazyload:图片懒加载vue-scroller:页面滑动开关mint-ui:基于vue的UI组件库(移动端)element-ui:基于vue的UI组件库(PC端)Vue基本使用Hello,{{username}}newVue({el:'#a
左边有只汪·2020-08-23 03:30

Vue基础第一章

Vue的简单示例Vue示例{{book.name}}varapp=newVue({el:"#app",data:{books:[{name:'《Vue.js实战》'},{name:'《JavaScript语言精粹》'},{name:'《JavaScript高级程序设计》'}]}})转载于:https://www.cnblogs.com/lfpython/p/11100979.html
weixin_30906701·2020-08-23 03:48

Vue基础语法之@click、时间修饰符@click.stop与@click.prevent、按键修饰符（如@keyup.enter）

1、绑定监听@click:（以监听click为例，其他如keyup，用法类似）v-on:click="fun"@click="fun"@click="fun(参数)"test1 test2 test3methods:{   test1(eve){//test1函数没有参数，默认传递$event    alert(eve.target.innerHTML) //test1   },   test2(
IT小白3·2020-08-23 03:00

vue基础知识-指令（v-show v-if v-bind）

v-show根据表达值的真假，切换元素的显示和隐藏（操纵的是display样式）v-if根据表达值的真假，切换元素的显示和隐藏（操纵的是dom元素）v-bind设置元素的属性.active{border:2pxsolidred;}varapp=newVue({el:"#app",data:{imgTitle:"悬停",isActive:false},methods:{changeIsActive:
脆的娃娃菜好吃·2020-08-23 02:17

vue基础之v-if条件渲染

v-if指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回truthy值的时候被渲染。1.v-if=“布尔”，如果为true，就显示当前内容，v-else否则就隐藏。同学们好啊老师好constapp=newVue({el:'#app',data:{msg:'欢迎使用Vue.js'}})2.v-else-if="布尔，和v-if用法一样，必须跟写在v-if后面同学们好啊老师好同学们坐下co
学海无涯cpl·2020-08-23 02:46

Vue基础精讲 —— Vue的组件之组件的定义、继承、自定义双向绑定、高级属性

Vue组件基础定义importVuefrom'vue'constcompoent={props:{active:{//type:Boolean,//required:true,validator(value){returntypeofvalue==='boolean'}},propOne:String},template:`{{propOne}}seemeifactive`,data(){retu
Hayley2016·2020-08-23 02:08

vue基础（3）—— v-bind及class与style绑定

绑定class的几种方式对象语法v-bind:class设置一个对象，动态切换class。当isActive为true时，div会拥有类名active，为false时没有class名渲染。:class也可以与普通的class共存，也可传入多个属性。//class="active"//class="staticactive"varapp=newVue({el:'#app',data:{isActiv
Cher洛洛·2020-08-23 02:48

前端Vue基础学习

Vue基础对与vue的简洁明了的干货分享，适合小白学习观看，如果有笔误或者想了解更多的，请给笔者留言，后续会继续分享，从零开始的vue相关经验当然你如果没有搭建过vue项目请查看笔者另一篇博文vue入门级教程从零搭建一个
MmM豆·2020-08-23 01:42

vue基础：绑定属性class，绑定style

vue基础：绑定属性class，绑定styleclass与style是HTML元素的属性，用于设置元素的样式，我们可以用v-bind来设置样式属性。
谷咕咕·2020-08-23 01:36

Vue基础（Class 与 Style 绑定）

操作元素的class列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以用v-bind处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接麻烦且易错。因此，在将v-bind用于class和style时，Vue.js做了专门的增强。表达式结果的类型除了字符串之外，还可以是对象或数组。绑定HTMLClass（1）对象语法1、我们可以传给v-bind:class一个对象，以
Vivianluolita·2020-08-23 01:14

十一、VUE基础学习篇（组件化component、components）-全局/局部组件、父组件/子组件、动态数据绑定/数据存放问题

码云实时更新学习demo地址：https://gitee.com/dxl96/vuexuexiVUE基础篇（组件化component、components）1、组件化的概念■人面对复杂问题的处理方式  
IT_CREATE·2020-08-23 00:47

浅谈Vue基础使用

开始之前，我们先看一下图片示例。我们今天要谈的重点是模板引擎这一块注意点指令不隶属于某个东西，只是我们今天重点说的是模板引擎，所以放在这里vue最最最最最最基础的第一步引入！！！两种方式：引入网络路径进入链接地址另存为本地后引入本地路径**引入之后我们会得到一个类，我们每次使用都需要去实例化一下它，并给它传一些配置信息我们先说他最重要的三个核心点**newVue({el:'#app',templa
CS_DGD·2020-08-23 00:20

Vue指令、v-bind、条件列表渲染、事件修饰、表单绑定（day2）

Vue.js一、Vue基础Vue基础11.0前端开发流程规范前端开发流程规范1.1前端框架发展历史htmlhtml[1990]---->html5[2008.1.12]csscss1.01996css2.01998css3.02001EcmaScript1997
xy1677707153·2020-08-23 00:26

Vue基础（五）：数据绑定，动态属性绑定 v-bind，事件绑定 v-on

这就是我们在写Vue基础的数据绑定时，我们可以在里面写一些简单的表达式。但是我们的绑
Mr_大木·2020-08-23 00:47

Vue基础语法之class、style绑定

04_class与style绑定.classA{color:red;}.classB{background:blue;}.classC{font-size:20px;}1.class绑定::class='xxx'xxx是字符串xxx是对象xxx是数组2.style绑定:style="{color:activeColor,fontSize:fontSize+'px'}"更新newVue({el:'#
IT小白3·2020-08-23 00:59

vue基础之动态绑定属性v-bind指令

v-bind，动态地绑定一个或多个attribute，或一个组件prop到表达式。百度一下//和上面a标签中的href属性赋值一样的效果//v-bind:加属性名=“变量名”百度一下constapp=newVue({el:'#app',data:{aHref:'http://www.baidu.com'}})v-bind由于开发经常使用，所以官方还有一种缩写方式：v-bind:属性=:属性//v-
学海无涯cpl·2020-08-23 00:38

十二、VUE基础学习篇（key指令的使用）-清除表单元素切换遗留之前元素的内容

码云实时更新学习demo地址：https://gitee.com/dxl96/vuexuexiVUE基础篇（key指令的使用）请看案例：没有添加key的情况用户名称用户邮箱切换类型效果：■小问题：口如果我们在有输入内容的情况下
IT_CREATE·2020-08-23 00:14

三、VUE基础学习篇（动态绑定）- v-bind（v-bind:src 、v-bind:href、v-bind:class、v-bind:style）

码云实时更新学习demo地址：https://gitee.com/dxl96/vuexuexiVUE基础篇（插值操作）1、v-bind在标签上绑定属性值，不可以用Mustache语法，也就是{{}}，必须使用
IT_CREATE·2020-08-23 00:50

Vue基础笔记

基础Vue官网https://cn.vuejs.org/数据绑定使用{{}}j进行数据绑定{{变量}}使用v-ones可以指定元素只改变一次{{变量}}如果返回的数据是一个带有html格式的字符串，需要按照格式显示则需要v-html="变量"如过想要将返回的值放在属性上则需要v-bind:属性="变量",其中v-bind可以省略，直接写:Class和style的绑定通过b-bind来绑定我爱你：世
锐、锐·2020-08-22 22:04

学成在线--day02 CMS前端开发（含Vue基础知识得回顾）

学成在线第2天CMS前端开发1Vue.js与Webpack研2CMS前端工程创建2.1导入系统管理前端工程CMS系统使用Vue-cli脚手架创建，Vue-cli是Vue官方提供的快速构建单页应用的脚手架，github地址：https://github.com/vuejs/vue-cli（有兴趣的同学可以参考官方指导使用vue-cli创建前端工程），本项目对Vue-cli创建的工程进行二次封装，下边
程序员DD·2020-08-22 20:50

vue基础--为什么篇

看官方文档做记录。其实很多东西都是在生命周期中，生命周期说的差不多就能代表这个框架了。多看生命周期到底干了什么vue的模板语法有什么好的？模板语法可以让开发者声明式的将DOM绑定至底层vue实例的数据。再者说虚拟dom这一块。在底层实现上，Vue将模板编译成虚拟DOM渲染函数。Vue.js的template编译。1、通过complie编译器把template编译成AST(AbstractSynta
没入门到放弃·2020-08-22 17:35

Vue基础入门（Vue指令篇）

Vue基础一、基础知识点1.el:挂载点2.data:数据对象二、本地应用1.Vue指令1.1v-cloak指令用法1.2内容绑定，数据绑定（v-text|v-html|v-pre|v-once）1.3
解枷·2020-08-22 14:16

从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 二十二║Vue实战：个人博客第一版(axios+router)...

前言今天正式开始写代码了，之前铺垫了很多了，包括6篇基础文章，一篇正式环境搭建，就是为了今天做准备，想温习的小伙伴可以再看看《Vue基础入门+详细的环境搭建》，内容很多，这里就暂时不复习了，今天呢，咱们就说说用昨天创建的空项目来搭建一个简单的个人博客系统
weixin_30954265·2020-08-22 11:38

Vue 2.x全家桶(vue-cli3,vuex,vue-router,axios)全系列

目录你将收获课程介绍vue起步vue基础vue深入组件vue生态你将收获您将掌握Vue基础知识，深入了解组件相关知识您将掌握Vue周边生态技术并会使用您将了解工作中常见的一些开发问题并学会解决课程介绍第一章
普通小程序员·2020-08-22 11:49

Vue全家桶之Vue基础(2)

目录1.Vue常用特性1.1表单输入绑定1.2自定义指令1.3计算属性1.3.1基本使用1.3.2计算属性缓存vs方法1.4侦听属性及侦听器1.4.1基本使用1.5过滤器1.5.1基本使用1.6音乐播放器1.6.1功能演示1.6.2前置知识1.6.3示例代码2.综合案例2.1Vue之数组更新检测2.1.1变更方法2.1.2替换数组2.1.3注意事项2.2图书管理2.2.1图书列表1.Vue常用特性
Amo Xiang·2020-08-22 11:19

Vue实例与模板语法

VUE基础使用方法一、安装1、NPM在用Vue构建大型应用时推荐使用NPM安装[1]。NPM能很好地和诸如webpack或Browserify模块打包器配合使用。
weixin_30347009·2020-08-21 17:58

Vue基础之表单应用

一，可以用v-model指令在表单控件元素上创建双向数据绑定案例1：input元素：消息是:{{message}}textarea元素：{{messageTwo}}varvm=newVue({el:'#app',data:{message:'你好吗哈哈哈哈',messageTwo:'我很好好久不见嘻嘻嘻'}})二，复选框：如果是一个为逻辑值，如果是多个则绑定到同一个数组案例：单个复选框：{{mes
晴子的专栏·2020-08-21 15:53

vue基础操作

模板语法mustache语法===》{{}}：双大括号模板语法支持性很高，js所有数据类型都支持的，但是不支持输出语法（console.logalert）classobject2?true:false,[color]:true,[box]:true}">arrstyleobjectarr指令指令基本介绍就是绑定在Dom上的特殊属性，一般用"v-"标识,具有一定的功能，可以操作DOM元素作用：是用来
yuyuyu0312·2020-08-21 15:22

Vue基础：使用Vue.extend()实现自定义确认框

问题背景前端交互中经常使用确认框。在删除、修改等操作时，调用后端接口之前，先跳出弹框显示提示信息，提示用户确认，避免用户误操作。项目中全局引入了Element，提供了一套模态对话框组件，用于消息提示、确认消息、提交内容，使用起来也非常简便。以下来自于element官网文档：如果你完整引入了Element，它会为Vue.prototype添加如下全局方法：$msgbox,$alert,$confir
Ygria_·2020-08-21 09:13

Vue基础1(持续更新)

vue基础---####小知识(老陈vue)*1、在node.js/npm相当于java中的maven(会在互联网中下载包，需要哪些就下载哪些)*2、在vue组件内部有两个数据，一个合适props，一个是
大脸妹m·2020-08-21 06:59

6.3【微信小程序全栈开发课程】记录页面（三）--记录数据组件初始化

每条记录数据后面都有编辑按钮，点击编辑按钮，出现修改文本框，点击修改按钮后，文本框会自动收起2、创建组件在src/components文件夹下面创建一个RecordList.vue文件，用来展示一条记录写入vue
猫宁一·2020-08-21 05:32

3.4【微信小程序全栈开发课程】组件(Component)--封装登录弹窗组件

用来封装可重用的代码或者封装一个单独的模块，比如我们上一节的登录弹窗，下面我们来演示一下如何将代码提取到组件1、创建组件在src/components文件夹下面创建一个LoginWindow.vue文件写入vue
猫宁一·2020-08-21 05:00

从0开始，手把手教你用Vue开发一个答题App01之项目创建及答题设置页面开发

项目演示项目演示项目源码项目源码配套讲解视频配套讲解视频教程说明本教程适合对Vue基础知识有一点了解，但不懂得综合运用，还未曾使用Vue从头开发过一个小型App的读者。
豆约翰·2020-08-21 03:18

vue基础2的听课笔记

vue基础2的听课笔记文章目录vue基础2的听课笔记前言vue的局部组件的使用组件通信通过prop往子组件通信，通过事件向父组件发送消息全局组件的使用具名插槽过滤器监听watch计算属性computed
wsdchong之小马过河·2020-08-20 05:07

vue基础1的听课笔记

vue基础1的听课笔记文章目录vue基础1的听课笔记引言文档大纲1历史介绍2前端框架与库的区别3vue起步4插值表达式5什么是指令代码总结引言个人山东潍坊，做老师有两年。
wsdchong之小马过河·2020-08-20 05:16
上一页 18 19 20 21 22 23 24 25 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他