分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

一个单js文件也可以运行vue

发布时间:2023-09-06 01:40责任编辑:郭大石关键词:js
新建一个hello.html文件,输入以下内容:<html><head> ???<title></title> ???<script src="https://unpkg.com/vue"></script></head><body> ???<p id="app"> ?????{{ message }} ???</p> ???<script type="text/javascript"> ???????var app = new Vue({ ???????el: ‘#app‘, ???//这是element ???????data: { ????????????message: ‘Hello Vue!‘ ???????????} ???????}) ???</script> </body></html>

打开后就是Hello Vue!。

打开控制台,输入app.message = "Hello world!",那么页面就会动态变化成Hello world!。

使用Chrome浏览器。

<div id="app"> ???<p>{{ message }}</p> ???<input type="text" v-model="message"/></div>

修改代码,在input里写字,<p>的内容会跟着变。

一个单js文件也可以运行vue

原文地址:https://www.cnblogs.com/zhaogaojian/p/8407449.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved