Tp Link Router Instruction Manual

0 views

Skip to first unread message

Matilda Equiluz

unread,

Aug 3, 2024, 11:44:52 AM8/3/24

to profusecad

Client-side routing is used by single-page applications (SPAs) to tie the browser URL to the content seen by the user. As users navigate around the application, the URL updates accordingly, but the page doesn't need to be reloaded from the server.

This guide will assume that you are already familiar with Vue itself. You don't need to be a Vue expert, but you may occasionally need to refer back to the core Vue documentation for more information about certain features.

Instead of using regular tags, we use the custom component RouterLink to create links. This allows Vue Router to change the URL without reloading the page, handle URL generation, encoding, and various other features. We'll go into more detail about RouterLink in later sections of the guide.

The RouterView component tells Vue Router where to render the current route component. That's the component that corresponds to the current URL path. It doesn't have to be in App.vue, you can put it anywhere to adapt it to your layout, but it does need to be included somewhere, otherwise Vue Router won't render anything.

The routes option defines the routes themselves, mapping URL paths to components. The component specified by the component option is the one that will be rendered by the in our earlier App.vue. These route components are sometimes referred to as views, though they are just normal Vue components.

The history option controls how routes are mapped onto URLs and vice versa. For the Playground example we're using createMemoryHistory(), which ignores the browser URL entirely and uses its own internal URL instead. That works well for the Playground, but it's unlikely to be what you'd want in a real application. Typically, you'd want to use createWebHistory() instead, or perhaps createWebHashHistory(). We'll cover that topic in more detail in the guide to History modes.

If you're exporting the router instance from an ES module, you could import the router instance directly where you need it. In some cases this is the best approach, but we have other options if we're inside a component.

If we're using the Options API, we can access these same two properties as this.$router and this.$route in our JavaScript code. The HomeView.vue component in the Playground example accesses the router that way:

With the Composition API, we don't have access to the component instance via this, so Vue Router includes some composables that we can use instead. AboutView.vue in the Playground example is using that approach:

It's not necessary to understand all of that code right now. The key thing to notice is that the composables useRouter() and useRoute() are used to access the router instance and current route respectively.

The example project created by create-vue uses similar features to the ones we've seen here. You may find that a useful starting point for exploring the features introduced in the next few pages of this guide.

Vue Router is most commonly used in applications built using a bundler (e.g. Vite) and SFCs (i.e. .vue files). Most of the examples in this guide will be written in that style, but Vue Router itself doesn't require you to use build tools or SFCs.

Vue Router can be used with both the Composition API and the Options API. Where relevant, the examples in this guide will show components written in both styles. Composition API examples will typically use , rather than an explicit setup function.

Throughout the guide, we will often refer to the router instance as router. This is the object returned by createRouter(). How you access that object in your application will depend on the context. For example, in a component using the Composition API, it can be accessed by calling useRouter(). With the Options API, it can be accessed using this.$router.

The components RouterView and RouterLink are both registered globally, so they don't need to be imported before using them in component templates. However, if you prefer, you can import them locally, e.g. import RouterLink from 'vue-router'.

In templates, component names can be written in either PascalCase or kebab-case. Vue's template compiler supports either format, so and are usually equivalent. You should follow whatever convention is used within your project.

If you're using in-DOM templates then the usual caveats apply: component names must be written in kebab-case and self-closing tags are not supported. So rather than writing , you would need to use instead.

Learn about using your C4000 series modem/router, including features and speed specifications, popular modem settings, and troubleshooting. You can also watch a video about controling WiFi on your C4000.

This router comes in multiple versions with different specifications. The one you have depends on your internet connection type. Click to open the specific models below for speeds and downloadable info sheets.

*Customer speed experiences will vary, particularly when accessing the internet wirelessly from different devices. Maximum download/upload speeds given are via a wired connection. Internet speeds are not guaranteed due to conditions outside of network control, including customer location, devices, equipment, and access over a wired or wireless connection; see centurylink.com/internetpolicy for more information.

Learn how to manage your internet and WiFi network using your modem. Below are some of our most popular topics. You can also visit the modem settings guide for a complete overview of settings and options.

When leased, our newer modems like this one come with Secure WiFi, which lets you control some advanced features through the CenturyLink app. Note that these in-app features WILL NOT BE AVAILABLE in the modem settings GUI:

Step 1: Download the Home Connect app and register a Home Connect account.
Step 2: Scan the QR code provided in the Quick Start Guide OR use the Connection Guide below to find the QR code for your appliance.

The e-number is found on the rating plate of your appliance. The rating plate is found in a different place depending on the appliance category and model. The video indicates where it might be on your appliance.

The e-number is found on the rating plate of your appliance. The rating plate is found in a different place depending on the appliance category and model. The image indicates where it might be on your appliance. In the case of hobs, the e-number is printed on the top left or top right of the hob.

If you have lost your Quick Start Guide or don't have it handy, the Connection Guide will help you to find the correct QR code for your household appliance with Home Connect function, allowing you to start the pairing process, in just a few simple steps.

If you have not yet downloaded the Home Connect app, the first step is to do so and register your personal Home Connect account there. Then, using the website, type in the e-number of your appliance to get the QR-code. Can't find the e-number? Select the appliance that you want to connect with your smartphone and we will show you where to look for. In a final step, you will receive a QR code or a link that takes you to the app and allows you to start the pairing process.

You can connect your appliance with Home Connect function to your Wi-Fi by scanning the provided QR code. You'll find it on the enclosed Quick Start Guide. If you don't have this document handy, simply use the Connection Guide. It finds the right QR code for your household appliance in just a few steps.

Note: If your smartphone does not connect to the temporary Wi-Fi network automatically, select the network manually in your phone's settings. The password is "HomeConnect". Instructions in the app explain how this works.

For both cases, you enter your access data for your home network (= your Wi-Fi network at home) in the app. This data is now transmitted to your household appliance so that it can connect with your Wi-Fi.

If you have a Wi-Fi router with a WPS function, you can turn on your household appliance and navigate to the appliance settings. On the household appliance, choose "Automatic network connection" ("Automatische Netzwerkverbindung", also called "AC") and click "Connect".