2.vue.js实例的创建

客官°小女子只卖身不卖艺 2024-02-18 21:08 33阅读 0赞

### 挂载点、插值表达式 ###

<**html**>

<**head**>

<**meta****http-equiv=****"Content-Type"****content=****"text/html;charset=UTF-8"**>

<**title**>Vue入门</**title**>

<**scriptsrc="./vue.js"**></**script**>

</**head**>

<**body**>

<**divid="root"**>\{ \{msg\}\}</**div**> //插值表达式

<**script**>

**new***Vue*(\{ *//Vue实例*

**el**:**"\#root"**,*//挂载点（绑定的dom中的元素）*

**data**:\{ *//Vue中的数据*

**msg**:**"****He****llo W****orld"**

\})

</**script**>

</**body**>

</**html**>

//HelloWorld

### 模板（挂载点中的都是模板） ###

<**html**>

<**head**>

<**meta****http-equiv=****"Content-Type"****content=****"text/html;charset=UTF-8"**>

<**title**>Vue入门</**title**>

<**scriptsrc="./vue.js"**></**script**>

</**head**>

<**body**>

<**divid="root"**></**div**>

<-- 模板\-->

<-- **<h1>****H****ello\{ \{msg\}\}</h1>**\-->

<**script**>

**new***Vue*(\{ *//Vue实例*

**el**:**"\#root"**,*//挂载点（绑定的dom中的元素）*

**template**:**'<h1>****H****ello\{ \{msg\}\}</h1>'**,*//模板*

**data**:\{ *//Vue中的数据*

**msg**:**"****W****orld"**

\})

</**script**>

</**body**>

</**html**>

//HelloWorld

### 指令 ###

<**html**>

<**head**>

<**meta****http-equiv=****"Content-Type"****content=****"text/html;charset=UTF-8"**>

<**title**>Vue入门</**title**>

<**script****src=****"./vue.js"**></**script**>

</**head**>

<**body**>

<**div****id=****"root"**>

**

<**h1****v-text="number"**></**h1**>

</**div**>

<**script**>

**new***Vue*(\{ *//Vue实例*

**el**:**"\#root"**,*//挂载点（绑定的dom中的元素）*

**template**:**''**,*//模板*

**data**:\{ *//Vue中的数据*

**msg**:**"world"**,

**number**:123

\})

</**script**>

</**body**>

</**html**>

//123

<**div****id=****"root"**>

**

<**div-html="content"**></**div**>

</**div**>

<**script**>

**new***Vue*(\{ *//Vue实例*

**el**:**"\#root"**,*//挂载点（绑定的dom中的元素）*

**template**:**''**,*//模板*

**data**:\{ *//Vue中的数据*

**content**:**"<h1>123</h1>"**

\})

</**script**>

//123

2.vue.js实例的创建

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 2.vue.js实例的创建

相关创建vuejs3项目详细步骤

相关 Axis2创建WebService实例

相关 Vuejs——（８）Vuejs组件的定义

相关 Vuejs——（6）Vuejs与form元素

相关 vuejs的组件

相关 Vulkan【2】创建Vulkan实例

相关 2、OC —— 类的创建与实例化

相关 vuejs入门实例讲解

相关 Vuejs