hanhan1978

#!/usr/bin/env php
<?php

$port = isset($argv[1]) && intval($argv[1]) ? $argv[1] : 8888;

$sock = socket_create(AF_INET, SOCK_STREAM, SOL_TCP);

socket_bind($sock, '127.0.0.1', $port);
socket_listen($sock);

hanhan1978

<div class="links">
  <a onclick="doSomething({{ $number }});" href="#">Do something</a>
</div>
<script>
  function doSomething(number){
    console.log(number);
  }
  $('.links > a').on({
    mouseenter: function () {
      $(this).css('color', 'red');

hanhan1978

<div class="links">
  <a onclick="doSomething({{ $number }});" href="#">Do something</a>
</div>

hanhan1978

function doSomething(number){
  console.log(number);
}
$('.links > a').on({
  mouseenter: function () {
    $(this).css('color', 'red');
  },
  mouseout: function() {
    $(this).css('color', '');
  }

hanhan1978

function doSomething(number){
  console.log(number);
}

hanhan1978

.links > a:hover {
  color: red;
}

hanhan1978

<div class="links">
  <a data-id='{{ $number }}'>Do something</a>
</div>

hanhan1978

$('.links > a').on('click', function(){
  console.log($(this).data('id'));
});

hanhan1978

<div id="app">
   <foo data_id="42" title="Do something"></foo>
</div>

hanhan1978

<template>
  <div class="links">
    <a v-on:click="doSomething">{{title}}</a>
  </div>
</template>

<script>
  export default {
    props: ['data_id', 'title'],
    methods: {