热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

关于引入vue.js文件的知识点总结

在本篇文章里小编给大家分享的是关于引入vue.js文件的知识点总结,有需要的朋友们可以参考学习下。

一、引入vue.js 文件

1. 用脚本标签

2. 下面在一个新的 

二、格式:

1. 通过用 Vue 函数创建一个新的 Vue 实例


双重大括号 {{ }} 内放置数据代号 message

部分
 
   {{ message  }}                    // 双重大括号{{ }} 内放置数据代号message

网页效果 :

Hello Vue

2. 响应式修改数据

可通过改变代号属性值,修改之前的数据

 
var app=new Vue({
el:"#app",         //绑定的元素
data:{
   message:'Hello Vue' //元素内数据代码 message
}
});
 
//响应式。可修改数据
app.message="我改变了原来的代码"

pp.message="我改变了原来的代码"

网页效果 :

我改变了原来的代码

以上就是本次给大家分享的全部知识点内容,感谢大家的学习和对的支持。


推荐阅读
author-avatar
空灵一_一_379
这个家伙很懒,什么也没留下!
Tags | 热门标签
RankList | 热门文章
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有