New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
思考怎么学 #29
Comments
Vue 的单文件组件会将一个组件的逻辑 (JavaScript),模板 (HTML) 和样式 (CSS) 封装在同一个文件里 |
创建多个应用的介绍,情不自禁问一:为什么要创建多个应用;多个应用之间怎么交互 |
模板语法:组件的数据绑定到DOM元素上 |
仅仅看文档,要么看不懂,要么遗忘。快速看个大概就行了,还是得实践+观察+提问 |
1)VSCode里面建手写几个 .vue 文件,点 debug 有效果吗? |
vue.config.js 这个文件有名堂,日后观察怎么用 |
public/index.html package.json |
把 main.js 说说清楚 |
找 vue 进阶资料,要有实例的,发现不容易哦。 |
鼠标左键题目会做了,再想想右键清零怎么实现? --- 这个蛮有意义 <script>
export default {
data() {
return {
count: 0
}
},
methods: {
increment(){
this.count++
},
reset(event) {
event.preventDefault(); // 阻止默认的上下文菜单弹出
// 鼠标右键单击事件的处理逻辑
this.count = 0
}
}
}
</script>
<template>
<!-- 使此按钮生效 -->
<button @click='increment' @contextmenu=reset>count is: {{ count }}</button>
</template> |
怎么理解这句话:我们可以同时使用 v-bind 和 v-on 来在表单的输入元素上创建双向绑定 双向绑定:数值变了---组件的视图跟着变化 组件在界面上变化了---数值跟着变化 |
妙!!! |
一个 vue 文件里面,包含哪些东西? |
找了个目前在用但版本很低的VUE工程,开发环境搭建过程中报错了 |
想mock后端调用的数据,没经验,一下好像搞不定,怎么办? |
Dreakdown 和 DreakdownTable 啥关系 |
routes/index.js |
created 方法中写了 bus.$on() 代表什么意思呢? |
Vetur can't find 为了让 Vetur 生效,即使我们使用了 webpack ,也可以额外增加 jsconfig.json文件 |
在项目代码中实在没有发现哪里哪里还用了.native,于是乎,暂时先在 main.js 加入下面的代码,把错误屏蔽掉。 Vue.config.warnHandler = function(msg) { |
访问 http://localhost:8080/api/whoami 这个请求会转发到 http://localhost:3000/api/whoami 是怎么做到的呢? startup.js |
vue2.0 webpack proxyTable 怎么mock后端的服务? |
json-server --watch --routes .\src\mocks\routes.json .\src\mocks\db.json --port 3000 哎呀,命令行的参数一定要搞对,否则参数错了不会有报错,但结果不是预期的 |
怪了,怪了,json-server 如果没有特殊的 routes.json 文件,为啥 看着应该是个bug |
今天终于mock成功了,纪念一下。 |
发现mock还留了一个问题,对于url请求路径带参数的,不知道应该怎么mock。目前http.sessionList().then((res) 这样不带params的mock 已成功。如果sessionList()改为sessionList(params),mock又失败了 |
搜json-server资料的时候,发现qunar开源的 yapi |
终于mock成功了, 1)写一个很简单的web服务A,端口 3000 ,里面用 http-proxy-middleware 转发到 3001 服务A 用来处理url带params的请求。 成功后发现如此简单,可是在成功前,虽然从文心一言获得了代码,因为没理解各项配置的作用,改成自己所需的东西时,就出岔子了。我评估着方法肯定行,就是哪里配置错了,在第三个晚上终于搞定了!!! 第一个晚上查资料花了2小时,第二个晚上头疼,坐在电脑前花了2小时无进展。第三个晚上就40分钟就搞定了 |
记住InkRipple这个词 |
为什么vue文件中是 <md-tabs这个,但是 devtools里面看到的是<MdTabs |
vue的template里面我看到了 md-tabs,但并没有看到 md-whiteFrame 和 md-ink-ripple,为什么 devtools 能看到 MdWhiteFrame 和 MdInkRipple |
终于把数据呈现的核心流程搞懂了: 1)tabs组件的created钩子函数,执行getData:从后端获得缺省时段的所有会话;formatData;updateTabData。 |
今天是比较“苦”的。。。。。。 |
从调用堆栈来看,updateTabData 反而是非常关键的,收回我上面的话 |
在 Tabs.vue 里面的 tabIndex ,在 DreakDownTable.vue 里面对应 tabType |
具体选择了哪个tab,是从父组件传递给子组件的,也就是从 Tabs 到 DreakDownTable 当我们在界面切换tab的时候,tabIndex 会随着变化。 |
最底部过滤器 恍然大悟,核心在 pageData 上,不是组件的data里面任何数据的变化都会触发页面重新渲染的,template里面需要显示的元素,数据变了才会重新渲染。 |
如果要测试过滤器的逻辑,那么mock的数据要重新弄 |
要学的东西多,怎么下手?这是个很好的问题
The text was updated successfully, but these errors were encountered: