Vue template挂载中el和mouted的使用和区别

// 通过 vue 对象中声明 el 属性绑定操作块元素选择器
<div id="app"><p>{{ message }}</p><p>{{ good }} </p>
</div><script>
new Vue({el :'#app'data: {message: 'Hello Vue.js!',good:'this ia a el test'}
})
</script>// 通过在vue对象后面.$mount('选择器')绑定操作块元素
<div id="app"><p>{{ message }}</p><p>{{ good }} </p>
</div><script>
new Vue({data: {message: 'Hello Vue.js!',good:'this ia a mount test'}
}).$mount('#app')
</script>

目的都是将vue实例化的对象挂载到DOM元素上；指定el，在模板渲染的时候会将对象渲染到模板中，如果未指定，vue对象属于‘未挂载’状态，需要手动指定挂载，在对象后面 .$mount()加上dom元素。

Vue template挂载中el和mouted的使用和区别相关推荐

vue实例属性之el，template，render
一.el,template,render属性优先性当Vue选项对象中有render渲染函数时,Vue构造函数将直接使用渲染函数渲染DOM树,当选项对象中没有render渲染函数时,Vue构造函数首先 ...
vue template html属性,详解template标签用法(含vue中的用法总结)
一.html5中的template标签 html中的template标签中的内容在页面中不会显示.但是在后台查看页面DOM结构存在template标签.这是因为template标签天生不可见,它设置了 ...
Vue中watch、computed、updated的区别
watch watch:侦听器,监听某个数据的变化然后执行相对应的方法,来响应数据的变化,尤其是当需要数据变化时执行异步操作或着开销较大时,这个方式是最有用的 <div id="wat ...
【Vue】1308- Vue3 中可以帮助你早点下班的 9 个开发技巧
推荐推荐阅读: [Vuejs]1286- 分享 15 个 Vue3 全家桶开发的避坑经验序 vue3也发布很长时候了,官方也将默认版本切换为vue3,而且也出现了完善的中文文档[1],不知同志们是 ...
ant design vue input change_vue中关于$emit用法的笔记
在 index.html 中引用了 input.vue 中的 <g-input>,如下 1.index.html <div id="app"><g-i ...
javascript --- 函数的柯里化 Vue 2.x中柯里化的使用
函数式编程部分重点参考资料: 函数式编程柯里化只传递给函数一部分参数来调用它,让它返回一个函数去处理剩下的参数 var add = function (x) {return function(y ...
vue与elementUI中给el-input绑定键盘按键--按键修饰符
vue怎么写键盘事件 vue允许将按键值作为修饰符来使用,如监听回车事件,有两种写法,如下代码: <input type="text" @keyup.13="con ...
vue中rules校验是验证首字符_小白也能秒懂Vue源码中那些精细设计（选项处理）...
我"崩"不住了,在彭凡同志锲而不舍的催促下这篇文章终于"蛋"生了. 说正经的这篇文章不好写,不好写的原因是我不太擅长写这些类比文,但它还是写出来了. 相信大部分 ...
vue template 复用_Vue之组件、路由
组件: 组件系统是Vue.js其中一个重要的概念,它提供了一种抽象,让我们可以使用独立可复用的小组件来构建大型应用,任意类型的应用界面都可以抽象为一个组件树.(通俗点讲,如果你在页面上需要显示4个物品 ...
vue+elementUI项目中使用NavMenu导航菜单
vue+elementUI项目中使用NavMenu 导航菜单在elementUI官网组件中NavMenu 导航菜单的使用只是简单地运用,在实践项目中还需要配合路由配置.一般后台管理系统不只是导航菜单 ...

Vue template挂载中el和mouted的使用和区别

Vue template挂载中el和mouted的使用和区别

Vue template挂载中el和mouted的使用和区别相关推荐

最新文章

热门文章