-
v-if:该指令控制元素的存在与否
v-show:该指令控制元素的显示与否,通过来实现
v-for:该指令控制元素的循环。通常每个元素要带上:key属性来提升页面元素渲染的性能
查看全部 -
v-bind:可以缩写成:,如“v-bind:title”可以缩写成“:title”
v-on:可以缩写成@,如“v-on:click”可以缩写成“@click”
查看全部 -
属性绑定 v-bind:title 或者直接:title
双向数据绑定 v-model=""
<div id="root">
<div :title="title">hello world</div>
<input v-model="content" type="text" />
<div>{{content}}</div>
</div>
<script>
new Vue({
el:"#root",
data:{
title : "this is hello world",
content : "i am content"
}
});
</script>
查看全部 -
每一個組件也是一個vue的實例。
每一個項目都是由很多個組件組成的,也就是很多個vue實例組成的,因為每個組件就是vue實例,所以在組件中可以正常使用vue的一些方法,比如methods,watch等等。每個組件都擁有自己的props、data、methods等等
每一個組件都有一個template模板,如果沒有寫template,默認為掛載點下面的所有DOM標籤作為模板。查看全部 -
如果list中的数据有重复的 就要用index来获取key 然后拿item,不然会报错
查看全部 -
插值表达式{{}}
v-text v-html属性 v-html中可以插入html代码
v-on:事件函数可以进行事件绑定或者使用@事件函数进行事件绑定
查看全部 -
Vue中的每个组件都是Vue的实例
查看全部 -
指令:v-text、 v-html
事件:v-on:click 简写:@click
查看全部 -
V-on ------> @
V-bind--------->:
V- 双向关联
el:定位某个标签
data:数据项
conputed:合成新的数据对象
watch:监听器
查看全部 -
watch:侦听器,当所需要侦听的数据值发生改变时,执行所侦听的属性的相关业务逻辑。
查看全部 -
scoped 加在style中,不会造成全局样式
查看全部 -
在子组件中 的样式上加了scoped 不会影响父组件的样式
查看全部 -
每一个组件都是一个Vue的组件实例,实例的模板里使用一个小的组件。
每一个组件也可以写methods,data。因此每一个组件都是一个Vue的实例。
如果不定义模板,就会根据挂载点下面的DOM标签标签全部内容当做模板。
查看全部 -
vuejs 入门:
用script 标签在页面的<head>里引入vue.js: <script src="./vue.js"></script>
页面中实例化一个vue的类;<script>new vue({el:"#root",data:{msg:'hello word!'}})</script>
<div id="root"></div>
查看全部 -
<!-- 每个vue的组件就是一个vue实例(实例可以实现的组件也可以实现),vue项目都是由vue实例组成的 -->
查看全部
举报