-
局部组件:
需要在Vue实例中注册组件
var TodoItem = {
template: '<li>item</li>'
}
new Vue({
el: '#root',
components: {
'todo-item': TodoItem
},
data.....
})
查看全部 -
全局组件:
Vue.component("todo-item",{
template:" <li>item</li>"
})
查看全部 -
组件就是网页的某一个部分
查看全部 -
v-text 输出结果为带标签的
v-html 解析标签输出标签中的内容
查看全部 -
todolist
handleSubmit : function(){
this.list.push(this.inputValue);
this.inputValue = ''
}
查看全部 -
单向绑定:数据可以决定页面的显示,而页面不能决定数据的改变
v-model可以实现数据的双向绑定
<input v-model="content" />
查看全部 -
给div绑定一个点击事件:
<div v-on:click="handleClick">{{content}}</div>其中v-on: 可以简写成@
handleClick写在Vue里边的methods方法里
现在使用vue是面向数据编程,不是面向dom编程了
查看全部 -
两个模板指令:v-text,v-html
查看全部 -
挂载点:
<div id="root">{{msg}}</div>
这个div标签就是底下Vue实例的挂载点
也就是el属性对应id的dom结构
模板:
挂载点内部的内容,可以放在Vue实例中的template里面
查看全部 -
new Vue({ el:"#root"; data: { msg: "hello world" } }) el element 通过el进行绑定 通过vue,不会有任何dom的操作,直接对数据进行操作
查看全部 -
vuejs的导入最好放在head部分
查看全部 -
v-for 用来控制一组数据,通过这组数据来循环显示dom结构
<li v-for="(item, index) of list" :key="index">{{item}}</li>
查看全部 -
v-if会把dom删除掉,控制dom的存在与否
v-show会更改css属性,display=none,控制dom的显示与否
查看全部 -
简单todolist
查看全部 -
watch 侦听器,侦听某一个数据的变化,发生变化时,会执行函数实现相应的逻辑
查看全部
举报