本文主要是介绍vue: 初始vue,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
小项目直接引入cdn,大项目使用vue-cli
基础语法1: 双大括号
基础语法2: 指令
<!DOCTYPE html>
<html lang="zh">
<head><meta charset="UTF-8"><title>起步vue</title>
</head>
<body><div class="app"><input type="text" v-on:input = "changeName"><!-- v-on绑定事件,触发事件的时候执行函数 --><h1>{{ name }}</h1></div><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><script>new Vue({// 控制字段
el: '.app',// 定义变量
data: {name: 'aimee'},// 定义函数
methods: {changeName: function(event) {this.name = event.target.value;}}})</script>
</body>
</html>
这篇关于vue: 初始vue的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!