Tutorial by Examples: v

To send an event: vm.$emit('new-message'); To catch an event: vm.$on('new-message'); To send an event to all components down: vm.$broadcast('new-message'); To send an event to all components up: vm.$dispatch('new-message'); Note: $broadcast and $dispatch are deprecated in Vue2. (see Vue2 feature...

The following picture illustrates how component communication should work. The picture comes from The Progressive Framework slides of Evan You (Developer of VueJS). Here is an example of how it works : DEMO HTML <script type="x-template" id="message-box"> <inp...

You might have realized that $emit is scoped to the component that is emitting the event. That's a problem when you want to communicate between components far from one another in the component tree. Note: In Vue1 you coud use $dispatch or $broadcast, but not in Vue2. The reason being that it doesn'...

UWP applications can easily store simple settings in a key/value store locally or even in the cloud so your application or a game can share settings between different user's devices. Following data types can be used for settings: UInt8, Int16, UInt16, Int32, UInt32, Int64, UInt64, Single, Double...

Real life use cases for Singleton pattern; If you are developing a client-server application, you need single instrance of ConnectionManager, which manages the life cycle of client connections. The basic APIs in ConnectionManager : registerConnection: Add new connection to existing list of connec...

In most cases, the range_lookup is used as FALSE (an exact match). The default for this parameter is TRUE - it is less commonly used in this form, but this example shows one usecase. A supermarket gives a bonus based on the customers monthly spend. If the customer spends 250 EUR or more in a mon...

Example : To achieve this purpose , you should add a custom Live Template: Open Settings [Ctrl + Alt + S ] Type "Live Templates" in the Top-Left search bar. Click the + to add a "Template Group" and type a group name(eg: MyTemplate) to continue Choose your cus...

While standard LaTeX is all that is needed for most simple mathematical formulae and equations, sometimes more symbols and tools are needed. There are multiple packages available that will enhance your equations and provide you with more to work with. Three of the main packages are described below. ...

//Add value to Isolated Storage Settings IsolatedStorageSettings.ApplicationSettings.Add("Key", "Value");

//Check if a value exists in settings already if (IsolatedStorageSettings.ApplicationSettings.Contains("Key")) { //perform logic }

string setting = IsolatedStorageSettings.ApplicationSettings["Key"] as string;

IsolatedStorageSettings.ApplicationSettings.Save();

case class Meter(meters: Double) extends AnyVal case class Gram(grams: Double) extends AnyVal Value classes provide a type-safe way to encode units, even if they require a bit more characters to use them: var length = Meter(3) var weight = Gram(4) //length = weight //type mismatch; found : Gr...

Printing webview console messages to logcat To handle console messages from web page you can override onConsoleMessage in WebChromeClient: final class ChromeClient extends WebChromeClient { @Override public boolean onConsoleMessage(ConsoleMessage msg) { Log.d( &quot...

Eclipse would provide its own embedded Maven enviroment out-of-the-box, which is not recommended whenever a certain Maven version must be used or further configuration must be performed (proxy, mirrors and so on): that is, to have full control over which Maven environment would be used by the IDE. ...

Transaction using JDBC driver is used to control how and when a transaction should commit and rollback. Connection to MySQL server is created using JDBC driver JDBC driver for MySQL can be downloaded here Lets start with getting a connection to database using JDBC driver Class.forName("com.m...

project structure (ansible best practice). project/ group_vars/ development inventory.development playbook.yaml it all starts with inventory.development [development] dev.fakename.io [development:vars] ansible_host: 192.168.0.1 ansible_user: dev ansible_pass: pass ansible...

Apache 2.4 provides the following 6 directives via the mod_rewrite module: RewriteBase RewriteCond RewriteEngine RewriteMap RewriteOptions RewriteRule The following directives, available previously in Apache 2.2 have been removed: RewriteLock RewriteLog RewriteLogLevel All the dir...

Step 1 :- take 4 button in your Storyboard. Button1 , Button2 , Button 3 , Button4 Step 2 :- Give Fixed Height and width to All buttons . Step 3 :- All 2 - 2 button's pair in 2 stackview. Step 4 :- Set UIStackview Property for both . Distribution -> Fill Equally S...

function bubbleSort(a) { var swapped; do { swapped = false; for (var i=0; i < a.length-1; i++) { if (a[i] > a[i+1]) { var temp = a[i]; ...