博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
11-vue的使用
阅读量:6978 次
发布时间:2019-06-27

本文共 591 字,大约阅读时间需要 1 分钟。

一、安装

对于新手来说,强烈建议大家使用<script>引入

 

二、 引入vue.js文件

我们能发现,引入vue.js文件之后,Vue被注册为一个全局的变量,它是一个构造函数。

 

三、使用Vue实例化对象

1.创建vue实例对象

{
{ msg }}

vue代码

var app = new Vue({     el:'#app',     data:{        msg : '你好,世界'     }})

输出结果:

 

ok,我们已经简单的创建了第一个vue应用。渲染的数据的方式我们也叫声明式的渲染。现在数据和 DOM 已经被建立了关联,所有东西都是响应式的。我们要怎么确认呢?打开你的浏览器的 JavaScript 控制台 (就在这个页面打开),并修改 app.msg 的值,你将看到上例相应地更新。

在上面案例中,我们学到了,{

{ }}插值的语法。

{

{}}插值,不仅可以插变量,只要你能想到的插入都可以,if-else不可以啊!!!

{

{1==1?'真的':'假的'}}

 data中存储的就是我们的数据属性。Vue实例还暴露了一些有用的属性和方法,它们都有前缀 $,以便与用户定义的属性区分开来

  

 

转载于:https://www.cnblogs.com/crazymagic/p/9714396.html

你可能感兴趣的文章
/lib /usr/lib /usr/local/lib区别
查看>>
HDU - 5008 Boring String Problem (后缀数组+二分法+RMQ)
查看>>
Swift - 实现点击UITableView单元格时自动展开单元格
查看>>
Cocos2d-x3.0 Button
查看>>
图解.NET Stack和Heap的本质区别
查看>>
Matlab中struct的用法
查看>>
Mysql LIMIT如何正确对其进行优化
查看>>
Spring10种常见异常解决方法
查看>>
近期小结
查看>>
glog 使用
查看>>
C#中的线程(三) 使用多线程
查看>>
深入理解JavaScript系列(6):S.O.L.I.D五大原则之单一职责SRP
查看>>
onSaveInstanceState和onRestoreInstanceState触发的时机
查看>>
设计模式学习02—工厂模式
查看>>
html5--6-10 CSS选择器7--伪类选择器
查看>>
激光数据匹配(MATLAB Robotics System Toolbox)
查看>>
file_put_contents执行返回false,file_put_contents false(linux服务器httpd)
查看>>
Dependency Walker (depends.exe) Home Page
查看>>
Android---- 如何把calendar.getTimeInMillis()获得的毫秒时间
查看>>
Java学习JVM搞搞Jconsole呗
查看>>