肉饼博客

Talk is cheap. Show me the code.

0%

原本想在元旦时写的,但马上又有新项目,怕到时加班没有时间,还是趁现在写了吧

一年过的很快,转眼已经12月,今年最值得骄傲的,应该是7月份完成了转行,从一个IT打杂工,到前端程序员,3年时间的学习与磨砺,只为这一刻的华丽转身,回头看看自己一路走来,多少次想放弃,多少次客服困难继续前行,真的很不容易。

阅读全文 »

作为一名上班族,要想在苏州这样的准一线城市,每天高效便捷地完成通勤,地铁绝对是我的不二选择,相比电瓶车的行驶安全性、私家车的道路拥堵,以及公交车的等候时长,地铁在各方面都堪称完美,然而作为公共交通方式的一种,地铁也和公交一样,面临着棘手的问题—拥挤。

阅读全文 »

一、父组件->子组件

1.属性绑定

(1)父组件

1
2
3
4
5
6
7
8
9
10
11
12
13
<template>
<div id="app">
<hello-world :message="message"></hello-world>
</div>
</template>

<script>
data () {
return {
message: 'father message'
}
}
</script>
阅读全文 »

一、事件修饰符

1..stop: 等同于event.stopPropagation()

1
2
<!-- 阻止单击事件继续传播 -->
<a v-on:click.stop="doThis"></a>

2..prevent:等同于event.preventDefault()

1
2
<!-- 提交事件不再重载页面 -->
<form v-on:submit.prevent="onSubmit"></form>
阅读全文 »

一、何为同源

所谓”同源”指的是”三个相同”:

  • 协议相同
  • 域名相同
  • 端口相同

http://www.example.com/dir2/other.html:同源
http://example.com/dir/other.html:不同源(域名不同)
http://v2.www.example.com/dir/other.html:不同源(域名不同)
http://www.example.com:81/dir/other.html:不同源(端口不同)

阅读全文 »

一、安装并创建vue project

1
2
3
4
5
npm install -g vue-cli
vue init webpack my-vue
cd my-vue
npm install
npm run dev

到localhost:8080下访问页面正常,则OK

阅读全文 »

组件是可以在它们自己的模板中调用自身的。不过它们只能通过 name 选项来做这件事

阅读全文 »