欢迎访问 生活随笔！
TAG聚合

生活随笔

当前位置： 首页 > 人文社科 > 生活经验 >内容正文

生活经验

Vue 声明式渲染

发布时间：2023/11/27 生活经验 38 豆豆
生活随笔 收集整理的这篇文章主要介绍了 Vue 声明式渲染 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

声明式渲染主要是为了修改内容的.......下面看下代码 

代码

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><title>vue 学习</title></head><body><div id="me">{{ message }}</div><div id="button">{{btn}}</div></body><script type="text/javascript">var app = new Vue({el: '#me',data: {message: 'Hello Vue!',}})var test = new Vue({el: '#button',data: {btn: 'Hello el !'}})</script>
</html>

效果

修改内容呢使用{{}}  el类似js里面的id 或者class 指定那个地方修改, data 里面是要修改的数据填写,

官方api 里面提到的 el

 

 

总结

以上是生活随笔为你收集整理的Vue 声明式渲染的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。