Skip to content

Commit c5fd2fa

Browse files
vs0uz4vs0uz4
committed
Creating first Vue Component
- Required bootstrap-sass; - Required vue; - Creating primeiro-componente; - Changed welcome.blade; - Rebuilt assets.
1 parent a96b24d commit c5fd2fa

File tree

8 files changed

+203
-91
lines changed

8 files changed

+203
-91
lines changed

‎package.json‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@
66
},
77
"devDependencies": {
88
"bootstrap-sass": "^3.3.7",
9+
"font-awesome": "^4.7.0",
910
"gulp": "^3.9.1",
1011
"jquery": "^3.2.1",
1112
"laravel-elixir": "^6.0.0-14",
@@ -16,8 +17,5 @@
1617
"lodash": "^4.16.2",
1718
"vue": "^2.0.1",
1819
"vue-resource": "^1.0.3"
19-
},
20-
"dependencies": {
21-
"font-awesome": "^4.7.0"
2220
}
2321
}

‎public/build/js/app-87b14f18f6.js‎

Lines changed: 118 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎public/build/js/app-bebefb2a4c.js‎

Lines changed: 0 additions & 80 deletions
This file was deleted.

‎public/build/rev-manifest.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
{
22
"css/app.css": "css/app-ad87f36536.css",
33
"css/vendor.css": "css/vendor-0634183a17.css",
4-
"js/app.js": "js/app-bebefb2a4c.js"
4+
"js/app.js": "js/app-87b14f18f6.js"
55
}

‎public/js/app.js‎

Lines changed: 42 additions & 4 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎resources/assets/js/app.js‎

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,15 @@
11

22
window.jQuery = window.$ = require('jquery')
33

4-
console.log('jQuery Adicionado com Sucesso!');
4+
require('bootstrap-sass')
5+
6+
import Vue from 'vue'
7+
8+
import PrimeiroComponente from './app/components/primeiro-componente.vue'
9+
10+
new Vue({
11+
el: '#app',
12+
components: {
13+
PrimeiroComponente
14+
}
15+
})

‎resources/assets/js/app/components/primeiro-componente.vue‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
<script>
2+
export default {
3+
methods: {
4+
mensagem () {
5+
alert('Olá!')
6+
}
7+
},
8+
data (){
9+
return {
10+
buttonLabel: 'Diga Olá!'
11+
}
12+
},
13+
}
14+
</script>
15+
16+
<template>
17+
<div>
18+
<h2>Componente Vue</h2>
19+
<div>Primeiro Componente</div>
20+
<button @click="mensagem" class="btn btn-default btn-xs">
21+
{{ buttonLabel }}
22+
</button>
23+
<hr>
24+
<input type="text" class="form-control" v-model="buttonLabel" placeholder="Digite Aqui a Label do Botão">
25+
</div>
26+
</template>

‎resources/views/welcome.blade.php‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,15 +5,16 @@
55
<meta name="viewport"
66
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
77
<meta http-equiv="X-UA-Compatible" content="ie=edge">
8-
<title>Bem Vindos so Curso!</title>
8+
<title>Bem Vindos ao Curso!</title>
99
<link rel="stylesheet" href="{{ elixir('css/vendor.css') }}">
1010
<link rel="stylesheet" href="{{ elixir('css/app.css') }}">
1111
</head>
1212
<body>
13-
<div class="container">
13+
<div class="container" id="app">
1414
<h1>
1515
<i class="fa fa-fw fa-github"></i>Curso Laravel 5.3 e Vue.Js 2.0
1616
</h1>
17+
<primeiro-componente></primeiro-componente>
1718
</div>
1819

1920
<script src="{{ elixir('js/app.js') }}"></script>

0 commit comments

Comments
 (0)