vue学习之旅:入门
2024-08-29 09:02:07
首先利用脚手架vue cli搭建vue环境
引入 vue
<script src="https://unpkg.com/vue/dist/vue.js"></script>
然后参照官网 (https://cn.vuejs.org/v2/guide/)
做demo
<div id="app">
{{message}}
</div>
js
<script type="text/javascript">
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
new Vue(): 声明一个vue对象
ele :(即element),页面元素( el: '#app',指向 id="app"的元素)
data: 数据
{{}}: 绑定,{{message}}表示绑定到vue对象里的message
——————————————————————————————————————————————-
最新文章
- Linux下如何不停止服务,清空nohup.out文件
- dockManager中DockPanel的刷新问题!
- easyUI Form表单的密码验证是否相同
- Tinyxml的简单应用
- JSON的转换(将JSON转换为字符串,将字符串转化为JSON)
- Spring(二)--FactoryBean、bean的后置处理器、数据库连接池、引用外部文件、使用注解配置bean等
- ldap数据库--ODSEE--安装
- centos7下固定IP(静态IP)网络配置
- 385cc412a70eb9c6578a82ac58fce14c 教大家破解md5验证值
- ASP.NET Core 使用UrlFirewall对请求进行过滤
- java并发包分析之———Deque和LinkedBlockingDeque
- 系统的讲解 - PHP WEB 安全防御
- #ifndef, #define, #endif 作用
- python从爬虫基础到爬取网络小说实例
- Yii2事件驱动的运行机制
- s21day05 python笔记
- javascript学习笔记(六):对象、内置对象
- 合并果子(NOIP2004)
- 铁乐学python27_模块学习2
- Vue 最传统的新增行,删除行,提交的数据整合