Vue创建模板的三种方法（非cli）

作者: 梁风有意 | 来源:发表于2018-09-18 14:18 被阅读0次

1.直接在构造器中template里面写html代码

 template:` <h2 style='color:red'>我是选项模板</h2>`

适合简单模板
2.template标签

<template id='style2'>
    <h2 style='color:red'>我是标签模板</h2>
</template>

然后在构造器template中使用选择器绑定

template:'#style2'

这种写法适合大一点的模板，便于修改
3.script标签

<script type="x-template" id="style3">
    <h2 style='color:red'>我是script模板</h2>
</script

绑定方法和方法2一样，但是可以给script标签加上src属性，然后外部引用进来。

新建uni-app项目
方法一：HbuliderX 文件→新建→项目，选择uni-app，然后选择需要的模板方法二：vue-cli创建 ...
新建uni-app项目
方法一：HbuliderX 文件→新建→项目，选择uni-app，然后选择需要的模板方法二：vue-cli创建 ...
vue3.0项目创建
Vue3.0-快速上手创建Vue3的三种方式 Vue-cli Webpack Vite 利用Vue-cli创建V...
02.Vue组件化编码
使用 vue-cli 创建模板项目 vue-cli 是 vue 官方提供的脚手架工具 github: https:...
Vue创建模板的三种方法（非cli）
1.直接在构造器中template里面写html代码适合简单模板2.template标签然后在构造器templ...
vue-cli 创建模板项目
vue-cli 创建模板项目 1）vue-cli 是 vue 官方提供的脚手架工具 2）github:https:...
webpack相关
1. vue-cli 创建项目主流使用webpack模板进行创建 vue init webpack vuedem...
Vue 创建模板项目
使用 vue-cli 创建模板项目说明 1）vue-cli 是 vue 官方提供的脚手架工具 2）github:...
4-3
使用 vue-cli 创建模板项目说明 1）vue-cli 是 vue 官方提供的脚手架工具 2）github:...
【uniapp】使用vue-cli创建微信小程序项目
为了方便管理，使用vue cli创建项目。全局安装vue-cli 在目录下运行，创建基础脚手架选择默认模板与...

网友评论

本文标题：Vue创建模板的三种方法（非cli）

本文链接：https://www.haomeiwen.com/subject/krgunftx.html

Vue创建模板的三种方法（非cli）