Vue.js起步
Vue.js前言Vue 实例el:data:method:前言Vue 官网指路Vue 是一种渐进式JavaScript框架，Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统。我们在前期练习Vue时可创建一个 .html 文件，在文件中引入 Vue.js 的文件。Vue.js文件在这里哦，大家可以自行下载到本地后引入到自己的代码中。Vue 实例<body&
·
前言
Vue 是一种渐进式JavaScript框架，Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统。
我们在前期练习Vue时可创建一个 .html 文件，在文件中引入 Vue.js 的文件。
Vue.js文件在这里哦，大家可以自行下载到本地后引入到自己的代码中。
Vue 实例
<body>
<div id="app">
{{message}}
</div>
<script src="vue.js"></script>
<script>
var app = new Vue({
el: "#app",
data: {
message:"测试"
},
method: {
}
})
</script>
</body>
页面显示：
el:
el: 它提供一个在页面上已存在的 DOM 元素作为 Vue 实例的挂载目标。在实例挂载后，可以用 vm.$el 访问。
data:
Vue 的代码结构大致如此，其中 {{message}} 称为文本插值，利用两层花括号与 data:{} 中绑定的数据对象 message，可以实现传值，即当绑定的数据对象发生改变时，插值中的内容也会改变。
method:
method: 用于存放函数
更新于2021/5/1
前往低代码交流专区
更多推荐
0
0- 0
已为社区贡献4条内容
所有评论(0)