vue实例中template: App,这样写是什么意思

vue实例中template: ‘’,这样写是什么意思官网的描述：模板将会替换挂载的元素。挂载元素的内容都将被忽略也就是说:template: ‘’ 表示用替换index.html里面的如果还是不明白，改成这样子就好理解了： index.html

main.js

new Vue({
el:’#myapp’,
router,
components:{App}
})
这样写的意思是：实例化一个Vue，挂载到id为myapp的div里面，这个vue实例有个局部组件App。

代码如下

index.html
<!DOCTYPE html>
<html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1.0"><title>vuecli_01</title></head><body><div id="app">11</div><!-- built files will be auto injected --></body>
</html>

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'Vue.config.productionTip = false/* eslint-disable no-new */
new Vue({el: '#app',router,components: { App },template: '<App/>'
})

vue实例中template: App,这样写是什么意思相关推荐

访问vue实例中的数据
在sayHello函数中下访问data中title的数据,上面这样写是访问不了的.而需要通过this访问.即: 通常情况下,我们不能够用this来调用title属性,因为this并不是指代data对 ...
Vue实例中生命周期created和mounted的区别(具体细节分析)。
最近刚好在学习Vue.js,在实敲轮播demo时发现了一个当时感觉很奇怪的问题: 初始化使用mounted钩子时,只调用了一次,之后就没有调用过了.害我一直以为是自己之后的代码书写有问题,结果自己再敲 ...
vue vue实例中的data与vue组件中的data()
vue组件就是vue实例,可以被复用. 而在复用时,希望组件中的data应该是相互隔离的. 如果使用 data : {count: 0} 的形式,则复制的该组件会共享data中的数据,所以要使用: d ...
vue实例中调用外部js_js文件中引用vue实例对象
原因我使用了iView的框架,想要把表格的配置提取出来,但是表格里面的操作需要用到this,所以就需要在js文件中引用vue实例. 方法 utils - local-data.js // vue实例 ...
vue实例中调用外部js_vue中引入外部js方法实例
我们在做vue项目时,经常会需要引入js,常用的有以下几种.本文主要和大家分享vue中引入外部js方法实例,希望能帮助到大家. 第一种import XX from "路径" Vue ...
vue: 组件中 template 定义
Vue.component( 'button-counter', { template: '<button v-on:click="count++">You clic ...
vscode在.vue文件中template标签没有html标签提示。
最近在学习vue时,看到网课老师在书写template时,html代码具有自动闭合标签的功能,然后自己在网上找了许多教程,发现这样的文章很少,自己就琢磨了下,才写了这篇博客供大家参考 1. 使用快捷方 ...
关于vue文件中template标签尖括号下的红波浪线问题
首先,vscode今天突然出现这个问题,所有的template标签都被标红查找百度说修改.eslintrc.js的数据在其中的pars ...
使用原生JS在Vue实例中动态插入元素
说明:项目需要,这里使用到的是Ant Design框架中的modal模态框组件. 完整代码: 经供参考,根据自己的业务需求适当修改!

vue实例中template: App,这样写是什么意思

vue实例中template: App,这样写是什么意思相关推荐

最新文章

热门文章