博客展示了一个 Vue.js 的基础示例代码。包含创建渲染容器、引入 Vue.js 开发版本，以及编写 JavaScript 代码实例化 Vue 对象，实现数据渲染，页面将显示 'hello vue'。
快捷方式：vba
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- 1、创建渲染容器 -->
<div id="app">
<!-- 插值表达式 -->
<div>{{msg}}</div>
</div>
<!-- 2、引入vue使用开发版本 使用调试工具需要 -->
<script src="./js/vue.js"></script>
<!-- 3、编写js代码 -->
<script>
// 实例化
new Vue({
// 挂载点 渲染 容器对应
el:'#app',
// 数据 页面渲染的数据
data:{
msg:'hello vue'
}
})
</script>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
