您当前的位置: 首页 > 

Charge8

暂无认证

  • 4浏览

    0关注

    447博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

vue简单使用

Charge8 发布时间:2018-06-28 10:49:42 ,浏览量:4

Vue:

Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。

Vue 只关注视图层, 采用自底向上增量开发的设计。

Vue 的目标是通过尽可能简单的 API 实现响应式的数据绑定和组合的视图组件。

 官方网站:点击打开链接

引入:引入

引入vue.js文件即可简单使用:

简单demo: 
     数据绑定最常见的形式就是使用 {{...}}(双大括号)的文本插值. 
    也可以使用指令用于输出代码,例如看到的 v-html 特性被称为指令。指令带有前缀 v-,以表示它们是 Vue 提供的特殊特性。它们会在渲染的 DOM 上应用特殊的响应式行为。




vue起步

	


	
name:{{name}} 调用方法:{{getWord()}}
var data = {name: 'admin', age: '20'}; //数据对象 var vm = new Vue({ //创建一个vue实例 el: '#demo', //DOM 元素中的 id data: data, methods: { getWord: function(){     return this.name + " :这是我的vue入门方法"; //可以通过 return 来返回函数值, 也可做一些业务处理 } } }); document.write(vm.name == data.name); //true, 他们引用的对象是一样的 document.write(""); vm.age='100'; //修改属性值也会影响到原始数据, 反之一样 document.write(data.age + ""); //Vue 实例中的属性与方法。都可以加前缀 $,以便与用户定义的属性区分开来 document.write(vm.$el == document.getElementById('demo')); //true

运行结果:

        

关注
打赏
1664721914
查看更多评论
立即登录/注册

微信扫码登录

0.0444s