vue再读17-系统指令v-bind

2024-06-12 09:25:36 阅读次数：17

<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
 
<body>
    <!-- 数据渲染界面 -->
    <div id="abc">
        <!-- 列表渲染 -->
        <!-- 绑定标签的任何属性 标签的数值是不确定的 -->
        <p v-bind:id="ID">内容</p>
        <img v-bind:src="SRC" alt="">
    </div>
    <script src="./js/vue.js"></script>
    <script>
        var vm = new Vue({
            //v-on里面的methods方法
            el: '#abc',
            //模板ajax返回的数据
            data: {
                msg: '我是歌谣',
                ID: 'abc',
                SRC: './img/1.png'
            },
            methods: {
 
            }
        })
    </script>
</body>
 
</html>

上一篇：linux篇-centos7.3配置

下一篇：p7zip解决zip error: Entry too big to split, read, or write (file exceeds Zip‘s 4GB uncompressed size l

推荐标签

作者介绍

天翼云小翼

天翼云用户

文章

25746

阅读量

3136182

活动

应用商城

合作伙伴

开发者

支持与服务

了解天翼云

vue再读17-系统指令v-bind

vue再读17-系统指令v-bind

相关文章

Vue3学习笔记（1.0）

第一个React程序

Vue3--使用脚手架创建一个vue应用，实现todolist

一篇文章搞定NodeJS+Vue相关毕设系统

PM2 常用的操作指南

顺序表的实现及增删查改

Web的介绍

字符串中的第一个唯一字符（基数排序的思想应用）

位操作符：实例教学 + 应用技巧

drf配合vue,elementplus的简单使用

作者介绍

最新文章

一篇文章搞定NodeJS+Vue相关毕设系统

PM2 常用的操作指南

java50-子类继承会优先调用父类的构造器

express学习12-app.locals对象

ThreadPoolExecutor经典面试问题就在这~

利用XMLHTTP无刷新获取数据

热门文章

JSP AJAX模拟实现自动补全的两种方式

react项目实战学习笔记-学习8-路由配置

webpack使用ts-loader导出export default问题

前端工作总结195-vue带参数跳转其他页面

Vue课程23-配置build命令

Webpack入门：常用loader和plugin配置

热门标签

相关产品

弹性云主机

天翼云电脑（公众版）

对象存储

云硬盘

随机文章

学习笔记——node.js

前端工作总结195-vue带参数跳转其他页面

前端展示日志组件ansi-to-react

express学习11-express-art-template模板引擎

node6-node的系统模块require

express学习9-express路由参数