Tutorial by Examples: t

new Vue({ el:"#app", data:{ foo: "bar" }, methods:{ doSomethingAsynchronous(){ setTimeout(function(){ // This is wrong! Inside this function, // "this" refers to the window object. this.foo = "baz"; ...

new Vue({ el:"#star-wars-people", data:{ people: null }, mounted: function(){ $.getJSON("http://swapi.co/api/people/", function(data){ // Again, this is wrong! "this", here, refers to the window. this.people = data.results; }) ...

You can capture the correct this using a closure. new Vue({ el:"#star-wars-people", data:{ people: null }, mounted: function(){ // Before executing the web service call, save this to a local variable var self = this; $.getJSON("http://swapi.co/api/peop...

You can bind the callback function. new Vue({ el:"#star-wars-people", data:{ people: null }, mounted:function(){ $.getJSON("http://swapi.co/api/people/", function(data){ this.people = data.results; }.bind(this)); } })

new Vue({ el:"#star-wars-people", data:{ people: null }, mounted: function(){ $.getJSON("http://swapi.co/api/people/", data => this.people = data.results); } }) Caution! Arrow functions are a syntax introduced in Ecmascript 2015. It is not yet supp...

new Vue({ el:"#app", data:{ foo: "bar" }, methods:{ // This is wrong! Arrow functions capture "this" lexically // and "this" will refer to the window. doSomething: () => this.foo = "baz" } })

new Vue({ el:"#app", data:{ foo: "bar" }, methods:{ doSomething: function(){ this.foo = "baz" } } }) Alternatively, if you are using a javascript compiler or a browser that supports Ecmascript 2015 new Vue({ el:"#app&quo...

This example shows how you can install and run WSO2 API Manager in your machine. For this example API Manager 2.1.0 version is used. You can install WSO2 API Manager in two ways. Download the API Manager product from product website. Checkout the source code from GitHub, build the source code ...

The functions save and load allow us to specify the environment where the object will be hosted: save(iris, cars, file = "myIrisAndCarsData.Rdata", envir = foo <- new.env()) load("myIrisAndCarsData.Rdata", envir = foo) foo$cars save(iris, cars, file = "myIrisAndCar...

If a file may contain Windows or Unix-like line endings (or even a mixture of both) then the intended text replacement may not work as expected. Sample: $ echo -e 'Entry 1\nEntry 2.1\tEntry 2.2\r\nEntry 3\r\n\r\n' \ > | awk -F'\t' '$1 != "" { print $1 }' \ > | hexdump -c 0000000...

Opening a stream fopen opens a file stream handle, which can be used with various functions for reading, writing, seeking and other functions on top of it. This value is of resource type, and cannot be passed to other threads persisting its functionality. $f = fopen("errors.log", "a...

Copying files copy copies the source file in the first argument to the destination in the second argument. The resolved destination needs to be in a directory that is already created. if (copy('test.txt', 'dest.txt')) { echo 'File has been copied successfully'; } else { echo 'Failed to ...

Steps: Create Empty .Net Core Web App: Go to wwwroot, and create a normal html page called Index.html: Configure Startup.cs to accept static files (this will require to add "Microsoft.AspNetCore.StaticFiles": "1.0.0" library in the “project.json” file): ...

public class Person { private final String salutation; private final String firstName; private final String middleName; private final String lastName; private final String suffix; private final Address address; private final boolean isFemale; private final boolean isEmployed; private final ...

Another example: a Weapon that shoots out Bullets. The Weapon acts as an object pool for the Bullets it creates. public class Weapon : MonoBehaviour { // The Bullet prefab that the Weapon will create public Bullet bulletPrefab; // This List is our object pool, which starts...

List can contain n number of items. The items in list are separated by comma >> a = [1,2,3] To access an element in the list use the index. The index starts from 0 >> a[0] >> 1 Lists can be nested. >> nested_list = [ [1,2,3], ['a','b','c'] ] >> nested_list...

Here counter is a child component accessed by demo which is a parent component using v-model. // child component Vue.component('counter', { template: `<div><button @click='add'>+1</button> <button @click='sub'>-1</button> <div>this is inside the child c...

RubyInline is a framework that lets you embed other languages inside your Ruby code. It defines the Module# inline method, which returns a builder object. You pass the builder a string containing code written in a language other than Ruby, and the builder transforms it into something that you can ca...

After spending more than 5 hours, i found this easy solution: -To verify that the system has a CUDA-capable GPU, run the following command: lspci | grep -i NVIDIA You will see output similar to the following example (showing an NVIDIA Tesla K80/M60 card): -Disabling the nouveau driver: sudo...

The most basic way to structure your code using spring boot for good automatic package scanning is using @SpringBootApplication annotation. This annotation provide in itself 3 other annotations that helps with automatic scanning: @SpringBootConfiguration, @EnableAutoConfiguration, @ComponentScan (mo...