博客
关于我
前端学习日记Vue:Vue声明变量与Vue构造器创建Vue实例对象
阅读量:220 次
发布时间:2019-02-28

本文共 479 字,大约阅读时间需要 1 分钟。

<!DOCTYPE html>

<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="vue.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>

    <div id="app">

        <!-- 声明变量,格式:{
{ 变量名 }} -->
        {
{ message }} {
{name}}
    </div>
    
    <!-- 编写js脚本 -->
    <script type="text/jscript">
        //创建js变量保存Vue实例对象
        var app = new Vue({
            //el:表示element元素的意思,使用id选择器,选中id为app的div
            el: '#app',
            
            //data用于保存数据,在div中声明的变量,可以在data中为其初始化赋值
            data: {
                message: 'Hello Vue!',
                name : "Vue"
            }
        })
    </script>
</body>
</html>

转载地址:http://hxxp.baihongyu.com/

你可能感兴趣的文章
Node-RED中使用node-red-contrib-image-output节点实现图片预览
查看>>
Node-RED中使用node-red-node-ui-iframe节点实现内嵌iframe访问其他网站的效果
查看>>
Node-RED中使用Notification元件显示警告讯息框(温度过高提示)
查看>>
Node-RED中使用range范围节点实现从一个范围对应至另一个范围
查看>>
Node-RED中实现HTML表单提交和获取提交的内容
查看>>
Node-RED中将CSV数据写入txt文件并从文件中读取解析数据
查看>>
Node-RED中建立TCP服务端和客户端
查看>>
Node-RED中建立Websocket客户端连接
查看>>
Node-RED中建立静态网页和动态网页内容
查看>>
Vue3+Element-ul学生管理系统(第二十二课)
查看>>
Node-RED中根据HTML文件建立Web网站
查看>>
Node-RED中解析高德地图天气api的json数据显示天气仪表盘
查看>>
Node-RED中连接Mysql数据库并实现增删改查的操作
查看>>
Node-RED中通过node-red-ui-webcam节点实现访问摄像头并截取照片预览
查看>>
Node-RED中配置周期性执行、指定时间阶段执行、指定时间执行事件
查看>>
Node-RED安装图形化节点dashboard实现订阅mqtt主题并在仪表盘中显示温度
查看>>
Node-RED怎样导出导入流程为json文件
查看>>
Node-RED订阅MQTT主题并调试数据
查看>>
Node-RED通过npm安装的方式对应卸载
查看>>
node-request模块
查看>>