vue
关注
分享
扫一扫
文章平均质量分 80
vue简单使用
知行合一cc
这个作者很懒，什么都没留下…
展开
-
07. vue-video-player使用
vue-video-player的使用一、安装二、引入1、全局使用， 在main.js里面导入并引用2、组件内引用三、使用1、html部分2、js部分四、视频格式五、控制播放和暂停一、安装npm install vue-video-player --save二、引入可以全局引入插件，也可以在需要用到该插件的组件内单独引入（二选一）1、全局使用， 在main.js里面导入并引用import VideoPlayer from 'vue-video-player'import 'vue-video原创 2021-02-20 23:33:56 · 262 阅读 · 0 评论 -
06. vue-cli
vue-cli一、单文件组件二、vue-cli依赖的环境：三、项目目录介绍一、单文件组件# 原来写的组件存在的问题 全局定义 (Global definitions) 强制要求每个 component 中的命名不得重复 字符串模板 (String templates) 缺乏语法高亮，在 HTML 有多行的时候，需要用到丑陋的 \ 不支持 CSS (No CSS support) 意味着当 HTML 和 JavaScript 组件化时，CSS 明显被遗漏 没有构建步骤 (N原创 2021-02-20 23:33:00 · 122 阅读 · 0 评论 -
05. vue生命周期、自定义组件、指令
生命周期、swipper、自定义指令、过滤器一、生命周期二、swiper学习三、自定义组件的封装四、自定义指令五、过滤器一、生命周期1、beforeCreate2、created3、beforeMount4、Mounted （用的最多：向后端发送请求，定时器初始化）5、beforeUpdate6、updated7、beforeDestory8、destroyed （组件销毁：给组件写一个定时器---》组件销毁，定时器清除）代码演示：<!DOCTYPE html><原创 2021-02-20 23:26:02 · 401 阅读 · 0 评论 -
04. vue组件通信、事件总线
组件、事件总线、动态组件、插槽一、组件通信之父传子通信1、父子通信2、属性验证二、组件通信之子与父通信1、子与父通信2、小案例三、ref属性1、使用四、事件总线五、动态组件六、slot插槽1、基本使用2、小案例：一个组件通过插槽控制另一个组件的显示/隐藏3、具名插槽一、组件通信之父传子通信1、父子通信# 在全局组件上自定义属性 <navbar myname="cc" age="18"></navbar># 在组件中获取, 关键字：props props: ['mynam原创 2021-02-20 23:20:32 · 145 阅读 · 0 评论 -
03. vue组件
vue组件一、fetch1、通过jq中的ajax实现2、fetch向后端发动请求二、axios三、计算属性1、通过计算属性来实现人名首字母大写2、通过计算属性重写过滤小案例四、虚拟dom与diff算法key的作用五、组件化开发1、组件化开发的介绍2、定义并使用全局组件3、局部组件4、总结：组件编写方式和vue实例的区别补充：HTTP之跨域请求一、fetchvue项目和后端交互，可以使用ajax1、通过jq中的ajax实现<!DOCTYPE html><html lang="en原创 2021-02-20 23:16:33 · 384 阅读 · 0 评论 -
02. vue条件渲染与列表渲染
vue条件渲染与列表渲染一、条件渲染1、通过v-if 和 v-for 实现购物车2、v-if/v-else-if/v-else二、列表渲染1、for循环数组、对象2、key值3、数组更新与检测三、事件处理1、input过滤案例2、简单事件处理3、事件修饰符4、按键修饰符四、数据双向绑定1、v-model使用五、表单控制1、checkbox选中2、checkbox多选3、radio单选4、购物车案例5、购物车全选/全不选6、购物车数量控制加减7、v-model之lazy，number，trim一、条件渲染原创 2021-02-20 23:15:00 · 579 阅读 · 0 评论 -
01. vue介绍和基本使用
vue介绍一、前端目前的形式二、Vue的介绍和使用三、模板语法1、插值语法 {{ js变量或者js语法 }}四、指令1、v-html ，v-text， v-show，v-if2、事件指令3、属性指令五、style和class一、前端目前的形式1、 html，css3，js(es5，es6)：形式为写一个个的页面---》给后端（php，python，go，java）--》后端嵌入模板语法--》后端渲染完---》返回给前端---》在浏览器中看2、 ajax出现--》后台发异步请求，render（返回页面原创 2021-02-20 23:13:48 · 275 阅读 · 1 评论