vue2.0+基础知识连载（03）--- 常用属性介绍
2018-01-19 11:03
1186 查看
<!DOCTYPE html>
<html>
<head>
<title>vue2.0+基础知识连载（03）--- 常用属性介绍</title>
<style>
.img {
margin-top: 100px;
}
</style>
</head>
<body>
<h3>vue2.0+基础知识连载（03）--- 常用属性介绍</h3>
<div id='app'>
<img :src="url" alt="" :width="w" :title="t">
</div>
<script src="https://cdn.bootcss.com/vue/2.5.8/vue.min.js"></script>
<script type="text/javascript">
var vm = new Vue({
data: {
url: 'https://www.baidu.com/img/bd_logo1.png',
w: '200px',
t: '来自百度的logo图片'
}
}).$mount('#app');
</script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- vue2.0+基础知识连载（13）--- 计算属性的使用
- vue-router 2.0 常用基础知识点之导航钩子
- vue-router 2.0 常用基础知识点之导航钩子
- vue2.0+基础知识连载（05）--- 绑定class样式
- 详解vue-router 2.0 常用基础知识点之router-link
- vue2.0+基础知识连载（11）--- 生命周期
- vue-router 2.0 常用基础知识点之router-link
- vue-router 2.0 常用基础知识点之router.push()
- vue2.0+基础知识连载（01）--- Vue实例简介
- vue2.0+基础知识连载（12）--- 监听数据变化
- vue-router 2.0 常用基础知识点之router.push()
- 详解vue-router 2.0 常用基础知识点之router.push()
- vue2.0+基础知识连载（10）--- 键盘事件
- vue2.0+基础知识连载（04）--- 绑定style样式
- vue2.0+基础知识连载（14）--- 局部组件与全局组件
- 详解vue-router 2.0 常用基础知识点之导航钩子
- vue2.0+基础知识连载（16）--- 非父子组件通信
- vue 2.0 常用基础知识点
- vue2.0+基础知识连载（17）--- 路由
- vue-router 2.0 常用基础知识点之router-link