vue(1) 第一个例子
Vue 例子 第一个
2023-09-11 14:22:19 时间
代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue入门</title> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script> </head> <body> <div id="first">{{msg}}</div> <script> new Vue({ //绑定上面的id el指的是vue实例跟哪个dom节点绑定 el:"#first", //挂载点 data:{ msg:"健身游泳了解一下" } }) </script> </body> </html>
效果:
(1)通过
el:"#first",
将与 id="first"的dom进行绑定、
(2)
data挂载点 与{{ }}里面的数据进行交互
2018-04-27 23:42:55
相关文章
- Vue笔记:vue-router
- h5项目(特别是vue)缓存严重的解决方案,配合nginx
- vue - data 接收 props 的值
- vue实例的方法
- vue.js3: 使用全局css样式文件(vue@3.2.37)
- vue 强制刷新子组件
- 一个典型的Vue应用的App.vue
- vue-tour快速入门:VUE项目中如何使用vue-tour新手引导指引插件?怎样使用?包含具体实例
- Vue组件间的传值五大场景,你造吗?
- Vue、Vuejs从入门到精通 | vue-router详解
- 117:vue+openlayers: 实时显示zoom,并显示左下、左上、右上、右下的坐标 ( 示例代码 )
- 105:vue+openlayers 引用组件来添加marker (示例代码)
- 开始创建一个 Vue 项目
- Vue(五)计算属性、过滤器、axios、vue 生命周期
- vue3面试题:2022 最新前端 Vue 3.0 面试题及答案(持续更新中……)
- vue-tour快速入门:VUE项目中如何使用vue-tour新手引导指引插件?怎样使用?包含具体实例
- Vue学习笔记——vue-router