标签:元素 函数 top 行修改 全局 需要 描述 执行 点击
官网上对于vue的描述是一套用于构建用户界面的渐进式框架,wo的理解就是vue不会强制要求项目中完全都由vue来实现
// 引入了vue.js文件,vue.js文件会暴漏一个全局的Vue构造函数 // 初始化一个vue实例, 需要指定 视图 数据 const vm = new Vue({ el: ‘#app‘, data: { msg: ‘hello vue‘ } }) // el不能指定为body或者html, 应该是一个div // 如果想要修改页面中的内容,data中所有的数据都添加给了vm对象,可以通过vm.xxx 进行修改
1.vue中的插值表达式
<!-- v-bind用于访问data中的数据,在标签的属性中使用 v-bind:属性名="属性的值" v-bind使用的场景非常非常多。v-bind能够简写 v-bind:title 简写为 :title v-bind:src 简写 :src 注意: v-bind访问的值必须在data中存在的 --> <div id="app"> <img v-bind:src="imgUrl" v-bind:title="msg" alt="alt"> <img :src="imgUrl" :title="msg" alt=""> </div>
标签:元素 函数 top 行修改 全局 需要 描述 执行 点击
原文地址:https://www.cnblogs.com/z-lin/p/13394607.html