vue（4）hello world

阿新 • • 發佈：2019-02-01

body urn div 數據 gui nbsp 運行 js文件 ejs

在前一章基礎上開發。

1、下載vue.js。(https://cn.vuejs.org/v2/guide/installation.html)

技術分享圖片

在hello-vue根目錄下創建js文件夾，並將該vue.js放入。

2、新建index2.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" >
    <title>第一個vue項目</title>
    <script src="js/vue.js"></script> 

  </head>
  <body>
    <div id="app">
      <!-- 模板，用於展示數據 -->
      {{msg}}
    </div>
    <script>
      new Vue({
        el:"#app",
        data() {
          return {
            msg:"hello 遙遠2!"
          }
        },
      })
    </script>
  </body>
</html>

完整結構

技術分享圖片

最後，運行任務

技術分享圖片

vue（4）hello world

body urn div 數據 gui nbsp 運行 js文件 ejs 在前一章基礎上開發。 1、下載vue.js。(https://cn.vuejs.org/v2/guide/installation.html) 在hello-vue根目錄下創建js文件夾，並將該vu

Spring（4）--- hello world例項

Spring hello world例項本教程介紹如何在Spring4 中建立一個簡單的 Hello World 例子。在這篇文章中使用的技術或工具： Spring 4.1 Eclipse 10 JDK 1.8 專案

使用bottle進行web開發（1）:hello world

matches 動態 bsp allow 模塊開發 code spec converter 為什麽使用bottle？因為簡單，就一個py文件，和其他模塊沒有依賴，3000多行代碼。 http://www.bottlepy.org/docs/dev/ 既然開始學習

Wicket實戰（二）hello world

clas gpo 研究 eth 抽象 http 配置文件 href ont 上次的博文Wicket實戰（一）概述中給大家簡介了一下關於Wicket的概念性內容，今天我們完畢第一個Wicket實例-Hello

Spring Boot（一）Hello World

pri tags IT pla reload art blank info 輸入 Spring Boot適合與微服務，方便快速開發，簡化配置（約定＞配置）。準備工作： SpringBoot 2.0 jdk8 IDEA或者eclipse+Spring Tool Suits

Golang入門基礎教程（四）Hello World

剛開始接觸一門語言，首先要做的肯定是最經典的Hello World 了，現在，讓我們通過golang來實現一些列印helloworld。編輯一個檔名為main.go的golang檔案，檔案內容如下： package main import "fmt" func main(){

RabbitMQ學習（2）-hello world

POM.XML <dependency> <groupId>com.rabbitmq</groupId> <artifactId>amqp-client</artifactId> <version>4.2.1<

Windows API程式設計（二）Hello World程式

程式碼如下： #include "Windows.h" //處理WM_PAINT訊息 void OnPaint(HWND hWnd) { //獲取裝置上下文控制代碼 PAINTSTRUCT ps; HDC hDC = BeginPaint(hWnd,

Spring Boot學習日誌（一）Hello World

目錄一，系統環境 JDK:1.8.0_144 maven:3.5.2 二，使用IntelliJ IDEA建立專案 1，選擇專案型別 2，編輯專案資訊這裡packaging可以選擇jar 或者 war 3，選擇需要的war包

Docker基本使用（二） Hello World

Docker 允許你在容器內執行應用程式，使用 docker run 命令來在容器內執行一個應用程式。輸出Hello world [email protected]:~$ docker run ubuntu:15.10 /bin/echo "Hello world" He

Spring Boot學習入門篇（一）--Hello World

簡介：Spring Boot是一種簡化原有Spring應用繁雜配置的微框架。使開發者從繁雜的各種配置檔案中解脫出來，通過Spring Boot能夠很簡單、很快速構建一個優秀的、產品級的Spring基礎應用。執行Spring Boot和執行普通的Java類一樣簡單

spring boot 學習筆記（002） Hello world

1，在src/main/java下，新建類： HelloWorld 如下程式碼： package springboot; import org.springframework.boot.SpringApplication; import org.springframe

Unity開發Android遊戲（二）Hello world！

在設定好開發環境後，我們開始編寫一個最簡單的程式，也就是hello world，並讓它在手機上跑起來。 1，建立專案（1），新建一個空專案。【File】-->【New Project】（2），新建一個2D背景，用於襯托UI。【GameObject】--&g

Python3基礎（一） Hello World

對於新手一般會遇到一個問題：學習Python 2還是Python 3呢？對於我個人而言，我是個完全的新手，沒有歷史包袱，所以我直接學習Python 3。我相信在未來幾年，Python 3會逐步取代Python 2成為主流。 Python是一門解釋型、面向物件、動態資料型別

PyQt5的例子（一）——hello world

本文章內容屬於PyQt5學習筆記，學習資料為《PyQt5 tutorial》。最簡單的例子：hello world #! /usr/bin/python3 # coding = utf-8 import sys from PyQt5.QtWidgets

Unity3D學習筆記（1）hello world

因為專案的原因，必須快速上手Unity3d，所以在這裡簡單記錄一下學習筆記。我用的Unity版本：開啟Unity3d，new一個新專案。進入後首先我調了一下介面佈局，在視窗右上角的Layout那裡，我選擇的2by3，因為看起來比較方便。介面調

Velocity學習（1）--hello world

主要內容：（1）velocity的介紹（2）Servlet+velocity 環境搭建和 Demo 1 velocity的介紹 velocity 是 apache 開發的一個基於 Java 的模板引擎，通過 velocity 特定的語法 VTL，

struts2第一次使用配置與記錄（圖文）Hello-World

環境說明 MyEclipse7 struts-2.3.14 問題：找不到action，讓我頭痛了一上午的問題呀 HTTP Status 404 - /Struts2/hello.action type Status report message /Struts2/he

LaTeX學習筆記（一）—Hello World！

要不要學習LaTeX，其實自己糾結了好久。從網上各種文章看，LaTeX和Word各有特色。而且有人認為，LaTeX的功能Word幾乎都能實現，吹噓LaTeX的人其實是Word沒學好，轉投LaTeX用模板找個偷懶的藉口罷了。如果是這樣，我覺

EA&UML日拱一卒-0基礎學習微信小程式（5）- Hello world！

全貌上一篇文章的最後，我們的開發工具是下面的狀態。畫面的最左邊是導航選單，用於切換編輯，除錯，專案設定等功能。今天我們集中說明編輯功能。導航選單的右側分為3個大的區域，分別是小程式執行區域，目錄樹和程式碼編輯區域。小程式執行區域該區域的最上面有兩個

vue（4）hello world

相關推薦