Vue
谁动了我的bug
不为失败找理由,只为成功找方法。
展开
-
uniapp复制到剪贴板
安装npm install --save vue-clipboard2在main.js中引入import VueClipboard from 'vue-clipboard2'Vue.use(VueClipboard)“优课GO”中使用到的业务场景代码如下:<view class="flex align-center text-light-grey font-small font-weight-abit-bold" > 兑换码:<span class="tex原创 2020-10-12 16:28:40 · 1346 阅读 · 0 评论 -
computed_setter的用法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ padding: 0; margin: 0; } ul{ list...原创 2019-11-22 08:52:39 · 1653 阅读 · 0 评论 -
vue的生命周期
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>vue的生命周期</title> </head> <body> <div id="app"> <!--<App...原创 2019-11-17 14:41:53 · 272 阅读 · 0 评论 -
计算属性之computed
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>计算属性之computed</title> <style type="text/css"> * { padding: 0; mar...原创 2019-11-17 14:16:34 · 259 阅读 · 0 评论 -
wacth
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>wacth</title> </head> <body> <div id="app"> <input type="t...原创 2019-11-17 13:48:36 · 249 阅读 · 0 评论 -
过滤器
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>过滤器</title> </head> <body> <div id="app"></div> <scri...原创 2019-11-17 13:43:22 · 169 阅读 · 0 评论 -
具名插槽
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>具名插槽</title> </head> <body> <div id="app">/div> <script...原创 2019-11-17 13:37:54 · 194 阅读 · 0 评论 -
全局组件的使用
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>全局组件的使用</title> <style> * { padding: 0; margin: 0; } .main...原创 2019-11-17 13:30:22 · 318 阅读 · 0 评论 -
通过事件向父组件发送消息
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>通过事件向父组件发送消息</title> <style> * { padding: 0; margin: 0; } ...原创 2019-11-22 08:52:32 · 174 阅读 · 0 评论 -
父组件通信到子组件
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>父组件通信到子组件</title> <style> * { padding: 0; margin: 0; } .main { w...原创 2019-11-17 13:24:18 · 180 阅读 · 0 评论 -
vue中的局部组件
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>vue中的局部组件</title> <style> * { padding: 0; margin: 0; } .main { w...原创 2019-11-17 13:20:35 · 615 阅读 · 0 评论 -
v-model双向数据绑定
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>v-model双向数据绑定</title> </head> <body> <div id="app"></div> <scri...原创 2019-11-17 13:18:04 · 227 阅读 · 0 评论 -
v-bind单向数据绑定
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>v-bind单向数据绑定</title> <style> .po { color: red; } .active { color: gr...原创 2019-11-17 13:15:40 · 528 阅读 · 0 评论 -
Vue常用的指令
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>vue的指令系统</title> </head> <body> <div id="app"></div> <script ty...原创 2019-11-15 16:47:27 · 178 阅读 · 0 评论