模版放置位置 和 模版字符串。 和模版插值

模版字符串

可以随意换行

var str =`a

b`

 

拼接字符串

var name="成功"

var str = `姓名 ${neme}`

 

模版的放置

方法一  直接书写

 

<h1>
{{title}}    #这里是模版里面的插值，是js表达式，可以用js的函数 如换成 {{title.substr(2)}}，获取标题后节选 
</h1>

var vm = new Vue({
//配置
　　el : "#app",//配置模版
　　data : {
title: "商品管理"}}）

 

 

方法二:

var vm = new Vue({
//配置

　　template:`<h1>{{title}}</h1>`

　　el : "#app",//配置模版
　　data : { 
title: "商品管理"}}）

 

方法三: 虚拟节点

var vm = new Vue({

　　el : "#app",
　　data : { 
title: "商品管理"},

　　render(createElement){

　　　　return createElement("h1"，"abc")

}

）