中的id=“app”和这里的“#app”进行挂载。

components:代表组件。这里是'App',这说明。首先页面肯定有这样的标签，同时有个组建为‘App.Vue‘文件

这个地方我思考好久，才明白，首先App.vue是有的，因为上面已经import导入了，但index.html中并没有标签

template：代表模板。官方解释：模板将会替换挂载的元素。挂载元素的内容都将被忽略。

也就是说:template: '' 表示用替换index.html里面的

那到底是不是这样，我们先把main中components这行注释掉：

再看页面：发现里面就有一个标签。这样那么逻辑就通了。

这样mian.js就通了，那通过components: { App },我们来看App.vue

第二步：App.vue

首先一个正常的vue结尾的文件里，一般包含三部分:,

这里面的标签，就代表页面的vue的logo,它下面又有一个组件

我们只要在进入到HellWord.vue中明白了。

第三步：HellWord.vue

这样一来，页面所渲染的东西都找到了，其实并不复杂，只是在main.js稍微绕了个弯。

自己也是一边学一边写，有错的地方或者有更好的解释也希望大家予以指点。

想的太多，做的太少，中间的落差就是烦恼，要么去做，要么别想 中尉【8】

总结：Mac前端开发环境的搭建(配置)

新年新气象,在2016年的第一天,我入手了人生中第一台自己的电脑(大一时好友赠送的电脑在一次无意中烧坏了主板,此后便不断借用别人的或者网站的).macbook air,身上已无分文...接下来半年的房 ...

Idea开发环境中搭建Maven并且使用Maven打包部署程序

1.配置Maven的环境变量 a.首先我们去maven官网下载Maven程序,解压到安装目录,如图所示: b.配置M2_HOME的环境变量,然后将该变量添加到Path中 备注:必须要有JAVA_HOM ...

Linux学习心得之 Linux下命令行Android开发环境的搭建

作者:枫雪庭 出处:http://www.cnblogs.com/FengXueTing-px/ 欢迎转载 Linux学习心得之 Linux下命令行Android开发环境的搭建 1. 前言2. Jav ...

Java开发环境的搭建以及使用eclipse从头一步步创建java项目

一.java 开发环境的搭建 这里主要说的是在windows 环境下怎么配置环境. 1.首先安装JDK java的sdk简称JDK ,去其官方网站下载最近的JDK即可..http://www.orac ...

Linux环境下Android开发环境的搭建

本文主要介绍在Ubuntu下Android开发环境的搭建,所使用的IDE为Eclipse(Android Studio同理,且可省去配置SDK以及安装adt插件的步骤). 1.安装JDK (1)JDK ...

Apache+MySQL+PHP开发环境的搭建(二)

通过自主选择相应的apache,mysql,php等软件,根据自己的应用开发需求进行安装.此方法搭建的环境自主性较强,搭建过程较为复杂,繁琐. 1.所需软件: Apache: http-2.2.22- ...

Apache+MySQL+PHP开发环境的搭建(一)

通过套件来安装和配置php开发环境. 1.所需软件:AppServ(因为是开源,任何网站都能下载) 安装本软件基本上就是下一步. 2.进行安装 选择一个盘安装该软件点击next继续: 根据自己的实际情 ...

windows上JSP开发环境全搭建

JSP开发环境全搭建 最近需要用到JSP做项目,所以要配置JSP的开发环境,总结一下配置步骤以备以后再配置需要. 配置JAVA开发环境,配置JDK 下载JDK,在这里下载开发所需的JDK,可以根据自己 ...

Cordova开发环境的搭建

Cordova开发环境的搭建 原文地址:http://imziv.com/blog/article/read.htm?id=66 Cordova为目前做混合式开发中比较受欢迎的一个解决方案了,并且拥有 ...

随机推荐

Prime Generator

Peter wants to generate some prime numbers for his cryptosystem. Help him! Your task is to generate ...

php---apache的A/B测试

A/B测试 A/B测试是一种新兴的网页优化方法,可以用于增加转化率注册率等网页指标..A/B测试的目的在于通过科学的实验设计.采样样本代表性.流量分割与小流量测试等方式来获得具有代表性的实验结论,并确 ...

HDU 1796 How many integers can you find (状态压缩 + 容斥原理)

题目链接 题意 : 给你N,然后再给M个数,让你找小于N的并且能够整除M里的任意一个数的数有多少,0不算. 思路 :用了容斥原理 : ans = sum{ 整除一个的数 } - sum{ 整除两个的数 ...

手工添加Linux防火墙端口

在linux实际操作中经常需要对防火墙进行修改,比如经常要修改或添加相关端口,下面以添加运行Tomcat所需8080端口为例: (以下命令操作均为root用户) 1.编辑iptables文件 # vi ...

ASP.NET Application_Error错误日志写入

一个web项目开发已完成,测试也通过,但是,bug是测不完的,特别是在一个大的网络环境下.那么,我们就应该记录这些错误,然后改正.这里,我的出错管理页面是在global.asax里面的,利用里面的Ap ...

PHP语言基础03 By ACReaper

03.01逻辑运算符 &&,and ||,or xor 这里只强调一点用and或者or的话,记得加上括号,不然可能出错,至于原因我也不是很清楚,反正尽量直接用&&,|| ...

JavaScript中的单体模式四种实现方式

/* 1 简单单体 */ var Singleton = { attr1: 1 , method1:function(){ //do sth } }; alert(Singleton.attr1); ...

CF28D Don't fear, DravDe is kind 背包

题目传送门:http://codeforces.com/problemset/problem/28/D 题意:给你$N$个物品,每个物品有其价格$P_i$,之前必须要买的物品价格和$L_i$,之后必须 ...

深入理解Java虚拟机--阅读笔记一

Java内存区域 一.java运行时数据区域 1. 程序计数器:程序计数器占据的内存空间较小,是当前运行线程执行的字节码的计数:分支.循环.跳转.异常处理.线程恢复等都要依赖技术器来对执行的字节码进行 ...

ACM/ICPC Moscow Prefinal 2019 趣题记录

### Day1: ### **Problem C:** 设$k_i​$为$[A, B]​$中二进制第$i​$位是1的数的个数. 给出$k_0 \cdots k_{63}​$, 求出$[A, B]​$ ...