html引入cdn怎么打开页面,cdn引入vant框架使用在html页面使用

@{

ViewBag.Title= "找工作";

}

找工作

{{ goods.title }}

{{ formatPrice(goods.price) }}

运费：{{ goods.express }}

剩余：{{ goods.remain }}

有赞的店

官方

客服

购物车

加入购物车

立即购买

@section styles{

color: #333;

background-color: #f8f8f8;

}

.goods {

padding-bottom: 50px;

}

.goods-swipe img {100%;

display: block;

}

.goods-title {

font-size: 16px;

}

.goods-price {

color: #f44;

}

.goods-express {

font-size: 12px;

padding: 5px 15px;

}

.goods-cell-group {

margin: 15px0;

}

.goods-tag {

margin-left: 5px;

}}

@section scripts{

//初始化 Vue 实例

newVue({

el:'#app',

data() {return{

goods: {

title:'美国伽力果(约680g/3个)',

price:2680,

express:'免运费',

remain:19,

thumb: ['https://img.yzcdn.cn/public_files/2017/10/24/e5a5a02309a41f9f5def56684808d9ae.jpeg','https://img.yzcdn.cn/public_files/2017/10/24/1791ba14088f9c2be8c610d0a6cc0f93.jpeg']

}

};

},

methods: {

formatPrice() {return '¥' + (this.goods.price / 100).toFixed(2);

},

enterShop() {

vant.Toast('进入店铺');

},

showGoodsDetail() {

vant.Toast('查看商品详情');

},

showChat() {

vant.Toast('进入客服页面');

},

showCart() {

vant.Toast('进入购物车页面');

},

addCart() {

vant.Toast('加入购物车');

},

buy() {

vant.Toast('立即购买');

}

}

});}