Vue介绍以及模板语法-插值
2019-05-16 23:56:18来源:博客园 阅读 ()
1.Vue的介绍
Vue是一套用于构建用户界面的渐进式框架。
注意:Vue是一个框架,相对于jq库来说,是由本质的区别的:
Vue不支持IE8及一下版本,因为Vue使用了IE8无法模拟的
<body> <div id="div"> {{user_name}} </div> </body> <script src="./vue.js"></script> <script> var app = new Vue({ el:'#div', // 设置要操作的元素 // 要替换的额数据 data:{ user_name:' holle word' } }) </script>
2.模板语法-插值
使用{{}}的形式在HTML中获取实例对象对象中data的属性值;这种使用{{}}获取值得方式,叫做插值或插值表达式;
2.1文本
<body> <div id="div"> 文本插值 {{html_str}} </div> </body> <script> var app = new Vue({ el:'#div', data:{ html_str:'<h2>这是文本<h2>' } }) </script>
2.2使用JavaScript表达式
<body> <div id="div" > {{ tt > 9 ? '大' : '小'}} {{ dd() }} </div> </body> <script> var app = new Vue({ el:'#div', data:{ tt:6, dd:function(){return 1+2} } }) </script>
原文链接:https://www.cnblogs.com/shineguang/p/10872933.html
如有疑问请与原作者联系
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- javascript面向对象入门基础详细介绍 2020-03-29
- vue.js开发环境搭建教程 2020-03-16
- Vue input控件通过value绑定动态属性及修饰符的方法 2020-03-05
- 详解Webstorm 新建.vue文件支持高亮vue语法和es6语法 2020-02-07
- vue路由跳转时判断用户是否登录功能的实现 2020-01-17
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash