VUE课程参考_51CTO博客

VUE课程参考---2、VUE基本使用

VUE课程参考 2、VUE基本使用一、总结一句话总结： 1、引入Vue.js：<script src="vue.js"></script> 2、创建Vue对象：var app = new Vue({}); 3、在模板中使用数据：{{ message }} 1、引入Vue.js <script s

VUE课程参考

数据

vue.js

双向绑定

数据绑定

转载

mb5fed71eeb026e

2020-05-05 10:40:00

70阅读

2评论

VUE课程参考---3、VUE模板语法

VUE课程参考 3、VUE模板语法一、总结一句话总结：在vue模板里面解析数据，可以用大括号表达式，比如{{msg}}，也可以用指令，比如v-html（以html标签方式插入文本），v-text（以文本方式插入文本）等 <div id="app"> <p>{{msg}}</p> <p>{{ms

VUE课程参考

html

插入文本

微信

人工智能

转载

mb5fed71eeb026e

2020-05-05 10:41:00

134阅读

2评论

VUE课程参考---17、计算属性

VUE课程参考 17、计算属性一、总结一句话总结： vue的计算属性可以用来根据vue中data中的值的变化，自动变化计算的值，比如fullname变化的时候自动更新firstname和lastname，计算属性可以用来简化模板中的的复杂的js表达式 computed:{ fullName:fu

VUE课程

sed

属性值

缓存

html

转载

mob604756e92c53

2020-05-14 07:59:00

42阅读

2评论

VUE课程参考---12、style样式绑定

VUE课程参考 12、style样式绑定一、总结一句话总结： style样式绑定（内联样式绑定）也有对象语法和数组语法，对象语法就是键值对表示属性和属性值，数组语法就是数组里面可以放多个表示样式的对象 <div id="app">  <p :style="{color:'r

VUE课程参考

数组

键值对

属性值

vue.js

转载

mob604756e92c53

2020-05-14 07:58:00

85阅读

2评论

VUE课程参考---11、class类绑定

VUE课程参考 11、class类绑定一、总结一句话总结： vue中绑定class有数组语法和对象语法，数组语法的时候会依次将数组里面的元素解析到class里面，对象语法就是将键值对中的值为true的键添加到class中 <div id="app">  <p :clas

VUE课程参考

数组

键值对

数据

微信

转载

mob604756e92c53

2020-05-14 07:57:00

165阅读

2评论

VUE课程参考---13、循环指令v-for

VUE课程参考 13、循环指令v-for 一、总结一句话总结： vue中循环指令v-for可以循环数组（v-for="item in list"）、循环对象（v-for="(val,key) in obj"）、循环数字（v-for="count in 10"） 1、v-for循环数组：<p v-f

VUE课程参考

for循环

数组

微信

人工智能

转载

mob604756e92c53

2020-05-14 07:58:00

1814阅读

2评论

VUE课程参考---6、事件绑定v-on

VUE课程参考 6、事件绑定v-on 一、总结一句话总结： -、vue模板中可以通过v-on来绑定事件，比如click点击事件等等 -、vue实例中定义方法可以写在methods中 <div id="app"> <button v-on:click="showMsg2">vue事件绑定</butt

VUE课程参考

事件绑定

微信

html

人工智能

转载

mb5fed71eeb026e

2020-05-05 10:41:00

146阅读

2评论

VUE课程参考---8、事件修饰符

VUE课程参考 8、事件修饰符一、总结一句话总结： vue中可以可以用事件修饰符来做我们事件操作中常用的阻止默认事件（event.preventDefault()）或者阻止事件冒泡（event.stopPropagation()）等事件操作 vue中常用的事件修饰符有.stop（阻止冒泡）、.p

VUE课程参考

修饰符

事件捕获

事件冒泡

微信

转载

mob604756e92c53

2020-05-09 05:03:00

80阅读

2评论

VUE课程参考---15、条件渲染v-if

VUE课程参考 15、条件渲染v-if 一、总结一句话总结： v-if指令用来做条件渲染，也就是满足条件就渲染元素，否则不渲染，后面可以接v-else-if、v-else等指令 <div id="app">  <!-- <p v-if="isLogin">已登录</p

VUE课程参考

微信

人工智能

html

vue.js

转载

mb5fcdf35dba419

2020-05-14 07:58:00

361阅读

2评论

VUE课程参考---7、跑马灯效果

VUE课程参考 7、跑马灯效果一、总结一句话总结：跑马灯的效果也就是不断的将字符串的最后一个字符移动到字符串最前面，涉及到的知识点也就是定时器、字符串拼接、vue事件绑定等等 <div id="app"> <p>{{msg}}</p> <div> <button @click="lang">浪

VUE课程参考

字符串

微信

人工智能

跑马灯效果

转载

mb5fcdf2add9b6a

2020-05-09 05:02:00

244阅读

2评论

VUE课程参考---5、属性绑定v-bind

VUE课程参考 5、属性绑定v-bind 一、总结一句话总结： v-bind是vue中绑定属性的指令，v-bind中可以写合法的js表达式，v-bind: 指令可以被简写为 :要绑定的属性 <div id="app">  <!--

VUE课程参考

vue.js

微信

人工智能

自定义

转载

mb5fed71eeb026e

2020-05-05 10:41:00

133阅读

2评论

VUE课程参考---16、条件渲染v-show

VUE课程参考 16、条件渲染v-show 一、总结一句话总结：条件渲染指令除了v-if，还有v-show，v-show指令用于根据元素的状态控制元素的显示和隐藏 <div id="app"> <p v-if="ok">{{'v-if：'+msg}}</p> <p v-show="ok">{{'

VUE课程参考

使用场景

微信

人工智能

html

转载

mob604756e92c53

2020-05-14 07:58:00

167阅读

2评论

VUE课程参考---9、双向数据绑定v-model

VUE课程参考 9、双向数据绑定v-model 一、总结一句话总结： vue中，v-model指令可以做双向绑定，也就是M（model）到V（view）的双向绑定 <div id="app"> <p>{{msg}}</p> <!--vue中，v-model指令可以做双向绑定，也就是M（model）

VUE课程参考

双向绑定

数据绑定

微信

人工智能

转载

mob604756e92c53

2020-05-09 05:03:00

52阅读

2评论

VUE课程参考---14、v-for中key属性使用

VUE课程参考 14、v-for中key属性使用一、总结一句话总结： v-for循环的key属性用来跟踪每个节点的身份，从而避免重新排序元素造成的元素状态混乱 <p v-for="item in list" :key="item.id"> <input type="checkbox">{{it

VUE课程参考

for循环

微信

人工智能

html

转载

mob604756e92c53

2020-05-14 07:58:00

186阅读

2评论

vue参考---vue指令

vue参考---vue指令一、总结一句话总结：vue中系统指令有v-text、v-html、v-bind、v-for、v-cloak等等，除了内置指令之外，我们还可以自定义指令，全局的或局部的 1、vue中如何操作dom？指定标识：用ref关键字，具体操作的话在vue的$refs中<div id="example"> <p ref="msg">abcd</p&gt

vue参考

html

javascript

自定义指令

自定义

转载

mob604756edd67c

2020-03-12 06:40:00

364阅读

2评论

VUE课程---1、VUE课程介绍

VUE课程 1、VUE课程介绍一、总结一句话总结： vue.js是目前前端最火的框架，不仅可以开发网站，还可以开发移动app，插件和对应的UI库也都非常多 1、vue特点？双向数据绑定：用户不在需要操作dom 虚拟dom：提高渲染性能组件化开发：便于组件管理和复用，提高开发效率 a、双向数据

VUE课程

组件化

数据绑定

数据

dom操作

转载

mb5fed71eeb026e

2020-05-05 10:40:00

228阅读

2评论

vue参考---自建vue插件一、总结一句话总结：vue中，我们可以很方便的开发自定义插件，记得使用的时候声明一下就好了Vue.use(MyPlugin) 1、vue中如何开发一个插件？1、按vue规范写好一个vue插件：MyPlugin2、在vue中声明使用插件：Vue.use(MyPlugin) // 内部会调用插件对象的install()3、正常使用vue插件中的方法就好了：1、插件全局方

vue参考

javascript

实例方法

安装插件

微信

转载

mob604756ffc089

2020-03-12 07:18:00

137阅读

2评论

vue参考---Vue 扩展插件

vue参考 Vue 扩展插件一、总结一句话总结： vue的扩展插件很多，比如vue全家桶，比如图片懒加载vue-lazyload，比如页面滑动相关的vue-scroller，比如移动端UI组件库mint-ui 1、vue-cli和vuex 分别是做什么的？ vue-cli:vue 脚手架 vue

vue参考

移动端

懒加载

ios

微信

转载

mb5ffd6f9bd73a3

2020-03-12 01:27:00

169阅读

2评论

算法课程参考书籍

此为MIT算法导论课程列出的参考书目

算法

学习

课程

休闲

MIT

转载精选

zeehk

2008-02-06 01:39:21

1615阅读

vue参考---vue项目结构

vue参考 vue项目结构一、总结一句话总结： vue的目录结构相对而言比较简单，我们主要要操作的就是src目录，在components目录下写主键，在router目录下写路由二、内容在总结中博客对应课程的视频位置： |-- build : webpack 相关的配置文件夹(基本不需要修改)

vue参考

配置文件

微信

人工智能

git

转载

web3之路

2020-03-13 04:36:00

118阅读

2评论

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

VUE课程参考

VUE课程参考---2、VUE基本使用

VUE课程参考---3、VUE模板语法

VUE课程参考---17、计算属性

VUE课程参考---12、style样式绑定

VUE课程参考---11、class类绑定

VUE课程参考---13、循环指令v-for

VUE课程参考---6、事件绑定v-on

VUE课程参考---8、事件修饰符

VUE课程参考---15、条件渲染v-if

VUE课程参考---7、跑马灯效果

VUE课程参考---5、属性绑定v-bind

VUE课程参考---16、条件渲染v-show

VUE课程参考---9、双向数据绑定v-model

VUE课程参考---14、v-for中key属性使用

vue参考---vue指令

VUE课程---1、VUE课程介绍

vue参考---自建vue插件

vue参考---Vue 扩展插件

算法课程参考书籍

vue参考---vue项目结构

vue参考---vue基本实例

VUE课程参考---4、解决插值表达式闪烁问题

vue参考---VUE程序运行过程

vue参考---vue组件基本开发

VUE课程---5、vue devtools

VUE参考---事件处理

VUE参考---组件复习

VUE课程参考---10、使用v-model实现简单计算器

vue与Java的参考文献 vue参考文献论文

vue参考---vue项目的打包发布